CSS3動畫(個人理解)

隨着學習的深入,越來越覺得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自定義動畫的回調函數,效果感十足,可以很方便的調用他人的動畫框架
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章