今天继续分享css3的3D属性可以做到的页面效果，这次是图片绕Y轴转动，这是一个比较基础的效果，实现也比较容易；
工具/原料
电脑
Sublime
方法/步骤
1、关于在学习html时老师就非常强调架爿瑰鲚母构的重要性这里也是同样的，但是虽然这么说，但是这么简单的页面事例，蕈瀵邻松架构必然不会复杂的；小编做的事例只是用‘舞台’（stage）div包含着‘容器’（container），容器存放着我们辨别效果的图片；
2、开始设置css的样式，在构建3D效果的时候舞台的属性设置是必不可少的，width和height这些并不是关键属性，关键是视距‘perspective’和视点‘perspective-origin’
3、容器的关键属性则是刖材沲渎‘transform-style’这个定义3D的属性；关于‘transition：1s造婷用痃liner’则是控制过渡的效果，实现平滑的动画效果，而不是一下子图片转动90度；（img这个样式控制则是为了让图片div大小一致；）
4、然后通过：hover这个伪类选择器，实现鼠标悬停控制图片转动；（这个属性的意思大致是‘鼠标悬停到舞台div时，容器转动90度’）
5、完成以上的设置之后，就可以实现下图的3D效果，代码量并不大，只是关于3D的属性控制需要一定的理解，和其他部分的基础知识；
