CSS3简单的图片旋转

 

代码如下：

 

上面代码使用到了CSS3中的  变换：旋转（旋转） 属性和  变换原点（旋转中心） 属性

   注：num =某个数值，rotate（num deg）中数可为负值,   transition: all . 6s (给当前标签0.6s 的过渡时间)

  1.利用  transform-origin 属性给所有图片设置   right bottom（右下角）  中心旋转点

  2.使用  变换：rotate（num deg）  和  nth-child（num） - img节点给不同的图片不同的旋转度数