@keyframes

規則用于創建動畫。

@keyframes 中規定某項 CSS 樣式，就能創建由當前樣式逐漸改為新樣式的動畫效果

@keyframes 中創建動畫時，請把它捆綁到某個選擇器，否則不會產生動畫效果。

通過規定至少以下兩項 CSS3 動畫屬性，即可將動畫綁定到選擇器：

      規定動畫的名稱
      規定動畫的時長

animation

animation 屬性是一個簡寫屬性，用于設置動畫屬性：

animation-name：規定 @keyframes 動畫的名稱。
animation-duration：規定動畫完成一個周期所花費的秒或毫秒。默認是 0。
animation-timing-function：規定動畫的速度曲線。默認是 "ease"。
animation-delay：規定動畫何時開始。默認是 0
animation-iteration-count：規定動畫被播放的次數。默認是 1。
animation-direction：規定動畫是否在下一周期逆向地播放。默認是 "normal"。
animation-fill-mode：規定對象動畫時間之外的狀態

側邊欄實現

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表