2个html文件顺序播放,CSS3两个动画顺序衔接播放

无标题文档

}

/*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);

}}