CSS3 animation 屬性介紹

定義和用法

animation 屬性是一個簡寫屬性,用於設置六個動畫屬性:

  • animation-name
  • animation-duration
  • animation-timing-function
  • animation-delay
  • animation-iteration-count
  • animation-direction

註釋:請始終規定 animation-duration 屬性,否則時長爲 0,就不會播放動畫了。

默認值: none 0 ease 0 1 normal
繼承性: no
版本: CSS3
JavaScript 語法: object.style.animation="mymove 5s infinite"

語法

animation: name duration timing-function delay iteration-count direction;
描述
animation-name 規定需要綁定到選擇器的 keyframe 名稱。。
animation-duration 規定完成動畫所花費的時間,以秒或毫秒計。
animation-timing-function 規定動畫的速度曲線。
animation-delay 規定在動畫開始之前的延遲。
animation-iteration-count 規定動畫應該播放的次數。
animation-direction 規定是否應該輪流反向播放動畫。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章