無標題文檔

}

/*myfirst*/@keyframes myfirst{from {top:-50px;}to{top:100px;}}

@-moz-keyframes myfirst{from {top:-70px;}to{top:100px;}}

@-webkit-keyframes myfirst{from {top:-300px;}to{top:100px;}}

@-ms-keyframes myfirst{from {top:-300px;}to{top:100px;}}

@-o-keyframes myfirst{from {top:-300px;}to{top:100px;}}/*rotate-back*/@keyframes rotate-back{from {

-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);

}to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);

}}

@-moz-keyframes rotate-back{from {

-moz-transform:rotate(0deg);transform:rotate(0deg);

}to{-moz-transform:rotate(-360deg);transform:rotate(-360deg);

}}

@-webkit-keyframes rotate-back{from {

-webkit-transform:rotate(0deg);transform:rotate(0deg);

}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);

}}

@-ms-keyframes rotate-back{from {

-ms-transform:rotate(0deg);transform:rotate(0deg);

}to{-ms-transform:rotate(-360deg);transform:rotate(-360deg);

}}

@-o-keyframes rotate-back{from {

-o-transform:rotate(0deg);transform:rotate(0deg);

}to{-o-transform:rotate(-360deg);transform:rotate(-360deg);

}}

總結

以上是生活随笔為你收集整理的2个html文件顺序播放,CSS3两个动画顺序衔接播放的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。