#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。