一、CSS3 過渡
transition
css3的transition允許css的屬性值在一定的時間區間內平滑地過渡。這種效果可以在鼠標單擊、獲得焦點、被點擊或對元素任何改變中觸發，并圓滑地以動畫效果改變CSS的屬性值
transition-property：檢索或設置對象中的參與過渡的屬性
transition-duration：檢索或設置對象過渡的持續時間
transition-delay：檢索或設置對象延遲過渡的時間
transition-timing-function：檢索或設置對象中過渡的動畫類型
貝塞爾曲線：
屬性值：cubic-bezier()
貝塞爾曲線網址：http://cubic-bezier.com/
簡寫：transition:all/具體屬性值 運動時間s/ms 延遲時間s/ms 動畫類型
最簡寫：transition:運動時間s/ms
案例：懸停div,讓p標簽沿著x方向發生位移
二、CSS3 幀動畫
animation
幀動畫是通過一幀一幀的畫面按照固定順序和速度播放，如電影膠片。可通過設置多個節點來精確控制一個或一組動畫，常用來實現復雜的動畫效果。
語法：
第一步：先用@keyframes 制定運動動畫的軌跡規則
@keyframes myMove{
from{初始狀態屬性}
to{結束狀態屬性}
}
或
@keyframes myMove{
0%{初始狀態屬性}
100%{結束狀態屬性}
}(中間再可以添加關鍵幀)
備注：mymove是給動畫起的名字
>>本文地址：http://www.jecan.cn/zhuanye/2019/48238.html
聲明:本站稿件版權均屬中公教育優就業所有，未經許可不得擅自轉載。
1 您的年齡
2 您的學歷
3 您更想做哪個方向的工作？
大前端
大數據
互聯網營銷
Java
Linux
Python
嵌入式
全域電商運營
軟件測試
室內設計
平面設計
電商設計
網頁設計
UI設計
VR/AR
網絡安全
新媒體
直播帶貨
智能機器人
中公教育IT培訓品牌
400-650-7353
Copyright©1999-
北京中公教育科技有限公司 .All Rights Reserved
京ICP備10218183號-88
京ICP證161188號
京公網安備11010802020723號
投訴建議：400-650-7353
Java培訓
軟件測試培訓
Web培訓
Linux培訓
Python培訓
互聯網營銷培訓
UI培訓
大數據培訓
官方公眾號 回復"大禮包"享福利 
領學習資料 分享IT知識 
閱讀()
分享
手機端入口
