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