h5头像图片旋转css3精确控制每个图片的位置：
1.下面是需要的效果图：

主要是利用了transform来对圖片进行旋转的控制。

CSS3 旋转立方体的制作

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜

该属性用来激活一个3D空间。
当为元素定义perspective属性时其子元素都会获得透视效果（使用了3D变换的元素）。所以一般来说perspective属性嘟应用在父元素上我们可以把这个父元素称为舞台元素。
就好比站的近的人和站的远的人看一个物体视觉上呈现的3d效果是不同的。

关於perspective的取值：取值为none或不设置就没有3D空间。
取值越小3D效果就越明显，也就是你的眼睛越靠近真3D
一般取元素宽度效果较好

flat是默认值，表礻所有子元素在2D平面呈现；preserve-3d表示所有子元素在3D空间中呈现因此，我们想要实现一些3D效果的时候transform-style: preserve-3d是少不了的。一般而言该声明应用在3D變换的兄弟元素们的父元素上，我们可以叫它容器