_吴先生_2
2016-07-08 15:01
@-webkit-keyframes run {
0% { -webkit-transform:rotateX(0deg) rotateY(0deg) rotatez(0deg) ;}
25% { -webkit-transform:rotateX(30deg) rotateY(30deg) rotatez(30deg) ; }
50% { -webkit-transform:rotateX(0deg) rotateY(0deg) rotatez(0deg) ; }
75% { -webkit-transform:rotateX(-30deg) rotateY(-30deg) rotatez(-30deg) ; }
100% { -webkit-transform:rotateX(0deg) rotateY(0deg) rotatez(0deg) ; }
}
#doraemon{
position:absolute;
left:50px;
top:50px;
width:400px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
transform: rotateX(0) rotateY(0) rotateZ(0);
/*引用动画 run*/
-webkit-animation: run 5s infinite linear;
-moz-animation: run 5s infinite linear;
animation: run 5s infinite linear;
}
/*声明动画 run*/
@-webkit-keyframes run {
0% { -webkit-transform:rotateX(0) rotateY(0) rotatez(0) ;}
25% { -webkit-transform:rotateX(30deg) rotateY(30deg) rotatez(30deg) ; }
50% { -webkit-transform:rotateX(0deg) rotateY(0deg) rotatez(0) ; }
75% { -webkit-transform:rotateX(-30deg) rotateY(-30deg) rotatez(-30deg) ; }
100% { -webkit-transform:rotateX(0deg) rotateY(0) rotatez(0) ; }
}这里是给#doraemon添加动画,等你按顺序把第九章学完,你就明白了
出于对回答者的认同和尊重,解决了你的问题,请采纳,谢谢
最外层需要运动的div#doraemon。
十天精通CSS3
243139 学习 · 2677 问题
相似问题
回答 2