課程
/前端開(kāi)發(fā)
/HTML/CSS
/十天精通CSS3
@-webkit-keyframes changecolor,@keyframes changecolor { ... }
2015-06-10
源自:十天精通CSS3 9-1
正在回答
不能一起寫啊,分開(kāi)寫多條就行了,像樓上的同學(xué)一樣。
@-webkit-keyframes moveDown{
0%{
-webkit-transform:translateY(-40px);
opacity:0;
}
100%{
-webkit-transform:translateY(0px);
opacity: 1;
@-moz-keyframes moveDown{
-moz-transform:translateY(-40px);
-moz-transform:translateY(0px);
@-ms-keyframes moveDown{
@-o-keyframes moveDown{
-o-transform:translateY(-40px);
-o-transform:translateY(0px);
@keyframes moveDown{
transform:translateY(-40px);
transform:translateY(0px);
舉報(bào)
本課程為CSS3入門教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁(yè)穿上絢麗裝備
2 回答在谷歌瀏覽器中沒(méi)有效果
4 回答怎么看不到效果,我用的是火狐瀏覽器34.0.5
1 回答在線演示,在谷歌和360兩個(gè)瀏覽器里的效果完全不一樣?。。?!
1 回答案例演示的例子里,為什么寫了火狐兼容的前綴 在火狐瀏覽器里還是沒(méi)有反映(@-moz-keyframes wobble檢查過(guò)拼寫沒(méi)錯(cuò))
4 回答為什么火狐沒(méi)有效果?
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-07-11
不能一起寫啊,分開(kāi)寫多條就行了,像樓上的同學(xué)一樣。
2015-06-26
@-webkit-keyframes moveDown{
0%{
-webkit-transform:translateY(-40px);
opacity:0;
}
100%{
-webkit-transform:translateY(0px);
opacity: 1;
}
}
@-moz-keyframes moveDown{
0%{
-moz-transform:translateY(-40px);
opacity:0;
}
100%{
-moz-transform:translateY(0px);
opacity: 1;
}
}
@-ms-keyframes moveDown{
0%{
-webkit-transform:translateY(-40px);
opacity:0;
}
100%{
-webkit-transform:translateY(0px);
opacity: 1;
}
}
@-o-keyframes moveDown{
0%{
-o-transform:translateY(-40px);
opacity:0;
}
100%{
-o-transform:translateY(0px);
opacity: 1;
}
}
@keyframes moveDown{
0%{
transform:translateY(-40px);
opacity:0;
}
100%{
transform:translateY(0px);
opacity: 1;
}
}