animation-name屬性主要是用來調用 @keyframes 定義好的動畫。需要特別注意: animation-name 調用的動畫名需要和“@keyframes”定義的動畫名稱完全一致(區分大小寫),如果不一致將不具有任何動畫效果。
語法:
animation-name: none | IDENT[,none|DENT]*;
1、IDENT是由 @keyframes 創建的動畫名,上面已經講過了(animation-name 調用的動畫名需要和“@keyframes”定義的動畫名稱完全一致);
2、none為默認值,當值為 none 時,將沒有任何動畫效果,這可以用于覆蓋任何動畫。
注意:需要在 Chrome 和 Safari 上面的基礎上加上-webkit-前綴,Firefox加上-moz-。
在CSS編輯器第30行輸入正確代碼,調用定義的動畫“around”
提示:注意加入前綴啊!
思考一下,我們剛講過的 animation-name
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報