兔子图片绕X轴3D转动90度事例

1、首先介绍一下小编的页面架构，div——stage（舞台），div——container（容器），和一个 img （就是兔子图片）

3、容器（container）div，是控制图片的关键，图片在容器中，容器变动，图片自然也跟着变动；然后设置 过掂舸憩蔑渡效果 （transition）实现动态的过程；设置完成以后初步效果如图二，只不过无法转动；

4、想要实现思凳框酣转动，还要设置一下 ：hover 这个选择器 ，给 容器添加一个变化，即一个旋转的变化，用transform 属性控制；代码如图