課程
/前端開發(fā)
/CSS3
/CSS3圖片動(dòng)態(tài)提示效果
跟著敲沒做出來(lái)。。動(dòng)畫效果都不生效。。 怎么辦。。
2015-09-21
源自:CSS3圖片動(dòng)態(tài)提示效果 3-1
正在回答
這些css3元素的屬性都是有兼容問題的,在不同瀏覽器呈現(xiàn)效果要注意添加前綴。
transition:
例如{transition: width 2s;-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari 和 Chrome */
-o-transition: width 2s; /* Opera */}
transfrom:
例如{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); /* Opera */
}
nth-of-type:除了IE8 都兼容
是不是沒有寫chrome內(nèi)核前綴
舉報(bào)
實(shí)用的CSS3圖片動(dòng)態(tài)提示效果,熟練掌握CSS動(dòng)畫的制作技法
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-12-31
這些css3元素的屬性都是有兼容問題的,在不同瀏覽器呈現(xiàn)效果要注意添加前綴。
transition:
例如{
transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari 和 Chrome */
-o-transition: width 2s; /* Opera */}
transfrom:
例如{
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); /* Opera */
}
nth-of-type:除了IE8 都兼容
2015-09-21
是不是沒有寫chrome內(nèi)核前綴