css 動畫基本用法

div {animation-name: rainbow; /*動畫名稱*/animation-duration: 1s; /*這段動畫開始到結束總共需要花費多長時間*/animation-fill-mode: forwards; /*動畫在結束時元素的樣式*/animation-iteration-count: infinite; /*動畫運行幾次？*/animation-timing-function: linear; /*動畫的速度曲線*//*貝賽爾曲線: 曲線的形狀代表動畫的速度所有的貝賽爾曲線都是從 (0, 0) 開始 (1, 1) 結束*/animation-timing-function: cubic-bezier(.25, .25, .75, .75);}@keyframes rainbow {0% {}50% {}100% {} }

總結

以上是生活随笔為你收集整理的css 动画 - 这次不会忘记了的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。