課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
@-webkit-keyframes changecolor，@keyframes changecolor { ... }
2015-06-10
源自：十天精通CSS3 9-1
正在回答
不能一起寫啊，分開寫多條就行了，像樓上的同學一樣。
@-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);
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網頁穿上絢麗裝備
2 回答在谷歌瀏覽器中沒有效果
4 回答怎么看不到效果，我用的是火狐瀏覽器34.0.5
1 回答在線演示，在谷歌和360兩個瀏覽器里的效果完全不一樣啊?。?！
1 回答案例演示的例子里，為什么寫了火狐兼容的前綴 在火狐瀏覽器里還是沒有反映（@-moz-keyframes wobble檢查過拼寫沒錯）
4 回答為什么火狐沒有效果？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-07-11
不能一起寫啊，分開寫多條就行了，像樓上的同學一樣。
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;
}
}