不炫技，SVG+CSS3 旋转动画属性就能实现的梦幻效果

编者按：本文由泱泱发表于掘金。作者已授权分享到奇舞周刊。CSS3的动画相关的基础的属性基本都涉猎过了，个人认为，其中最复杂的是d:path()路径变形动画，超过3D，而位移、轨迹、旋转、缩放、斜切什么的，相对简单一些，但作为非动画设计师而言，灵活的掌握这些基本的动画加以无穷无尽的变换，就已经能做出很多华丽丽的效果了，这篇呢，源于做一个练习时，AI的连续旋转复制功能，试着做了几个动效，简单、省时、高效，最主要的是用到CSS3的transform:rotate()旋转属性，辅以位移和缩放。1.最基本的旋转动画下面这张效果图，粗通AI的设计师小伙伴们一定都不会陌生，在AI里面就是ctrl+D连续复制的体力活。单色选择复制效果如果把连续旋转复制转成CSS3语言， ………………………………