transform:rotate

下面是我完成的一个小案例
今天是接着上一次transform，来讲它里面另一个属性 旋转-rotate。可以看到下面张图片里有三个圆形，从最左边开始是在它的初始值，然后以360px旋转一周回到原点，为了区分可以在结束后动画时更换了个背景颜色以方便区分变化，圆形样式是为了突出黑长条的旋转轨迹，让我们更一目了然。

完成上图效果，最下面源代码区域红框里的那条源代码就可以演示效果，，图片的左上半区域就是一些基本样式，主要说的是右半区域划线内容，我们可以看见 transform-ortate：top -设置动画原点的位置，我们给的是一个top-顶点的位置，这里要强调下，在transform：rotate 里面默认值是以居中为准，我这里给它设置它的原点为顶部是为了让这个竖条始终围绕这个圆形中心转。