隨着學習的深入,越來越覺得Css3動畫的重要,雖然JQ自定義動畫和動畫回調函數必須掌握,但是css3動畫做起來更加絢麗,更加方便!
1.常規使用
1.1 使用transition屬性,一般我們是配合hover使用(可以正向過渡,也可以反向過渡)
1.2 創建幀動畫,然後在選擇器中調用動畫
需要注意一些屬性
animation-iteration-count:動畫執行次數 infinite表示動畫永久執行
animation-play-state:running/paused 控制動畫的播放暫停。配合JS中的事件函數,使用起來是不是很有意思
簡寫
animation:名字 動畫時間 速度(linear勻速)延時 動畫次數
1.3 另外一種調用方法,我比較喜歡用 給對象增加類名和移除類名,配合JQ自定義動畫的回調函數,效果感十足,可以很方便的調用他人的動畫框架
CSS3動畫(個人理解)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
JavaScript五十問——對比來說CSS的Grid與FlexBox(下篇)
藺相如如
2019-02-23 14:14:16
Web頁面中png jpg gif webp svg的區別和使用
songxianling1992
2019-02-23 13:44:50
手機H5 web調試利器——WEINRE (WEb INspector REmote) 安卓手機
songxianling1992
2019-02-23 13:44:50
給新手程序員的一些建議
緣來你在這
2019-02-23 13:22:59
CSS忍者:安全的CSS hacks祕籍
zhouyi05404
2019-02-23 13:11:32
表單密碼自動填充hack
陳其文
2019-02-23 12:04:58
JavaScript 無縫上下左右滾動加定高定寬停頓效果
53856943
2019-02-23 00:35:18
簡單的LESS Tutorial
我爲楚狂
2019-02-23 00:33:46
css clear:both
wjj8899867
2019-02-23 00:29:40
Css問題總結整理(2)
wjj8899867
2019-02-23 00:29:39
WPF中的DoubleAnimation
jackywei1987
2019-02-23 13:51:42
android studio集成極光推送
tlw90
2019-02-23 00:37:51