-
在html頁面中加入class="play"; 利用兩個圖像的z-index關系控制是否遮蓋
代碼如下 (省略-o -ms內核) #music > img.play {? /* 兼容 */ -webkit-animation: music_disc 4s linear infinite; ? ? ? ? ? ?animation: music_disc 4s linear infinite; /*設置動畫樣式:動畫名稱? 周期(秒)勻速 重復進行*/} @keyframes music_disc/**設置動畫時間/ { ? ?0% { ? ? ? ?-webkit-transform: rotate(0deg); ? ? ? ? ? ? ? ?transform: rotate(0deg)/*旋轉多少度*/; ? ?} ? ?100% { ? ? ? ?-webkit-transform: rotate(360deg); ? ? ? ? ? ? ? ?transform: rotate(360deg); ? ?} } @-webkit-keyframes music_disc { ? ?0% { ? ? ? ?-webkit-transform: rotate(0deg); ? ? ? ? ? ? ? ?transform: rotate(0deg); ? ?} ? ?100% { ? ? ? ?-webkit-transform: rotate(360deg); ? ? ? ? ? ? ? ?transform: rotate(360deg); ? ?} }
以百分比來規定改變發生的時間,或者通過關鍵詞 "from" 和 "to",等價于 0% 和 100%。 0% 是動畫的開始時間,100% 動畫的結束時間。
查看全部 -
不哦所以0后沒好利落精明美女們能夠和我查看全部
-
背景jpg格式? 其它圖片png24
本地服務器測試環境:WampServer
查看全部 -
這個要好好學習學習
查看全部 -
字體大小VW單位?
查看全部 -
使用touch事件查看全部
-
vw 字體講解查看全部
-
vw讓字體適配設備查看全部
-
切圖—重構—前端—優化
查看全部
舉報