添加aimate动画
Posted sameer的史迪仔
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了添加aimate动画相关的知识，希望对你有一定的参考价值。
.page3_ship{
background:url(../image/boat_02.png) 0 center no-repeat;
background-size: 486px 385px;
position:absolute;bottom:0;left:50%;margin-left:-121.5px;width:243px;height:385px;}
当两个类名同时存在时生效
.page3_ship.animate{
-webkit-animation: 1s animate_page3ship steps(2) infinite;
}
规定动画各个阶段的状态和动画名字
@-webkit-keyframes animate_page3ship{
0%{background-position: 0 0;}
100%{background-position: -486px 0;}
}
以上是关于添加aimate动画的主要内容，如果未能解决你的问题，请参考以下文章