Css动画效果旋转图片

这次给大家讲解一个有趣的css动画效果哈，那就是旋转图片成一朵花型。

1. 第一步依旧是把img标签敲出来然后把图片放上去。

         

      2.然后开始敲打css样式和效果，先给个class设置一下样式加个定位，因为动画效果需要个定          位才能有效果显示出来。

      3.然后也把图片的样式设置一下。

 

      4.最后开始设置图片的动画效果哈，分别把六张图片的位移位置敲打出来，因为我这里是设置        六张，所有刚刚好360°一圈。

 

      5.好的，现在我们看一下效果，一开始是固定显示一张，要把鼠标放进去了才能触发旋转效果。

好的，上面就是我所学到的css的小知识，新手上路，多多指教，如果有更好的方法或不 懂得地方欢迎在评论区教导和提问喔！