初入CSS第12篇 動畫jack hou·FollowJul 9, 2022--Share動畫的定義和調用可以使用 @keyframes 來定義畫面,keyframes表示"關鍵幀",再項目上線之前要補上@-webkit-之類的私有前墜定義完動畫之後可以使用animation的屬性來調用畫面如果想讓動畫的第2,4,6…(偶數次)自動逆向執行,可以添加alternate參數如果想讓動畫停止在最後結束狀態,可以加上forwards多關鍵幀 可以透過0%~100% 來設置中間的效果動畫實戰製作此圖時可以先用border和background-color定位