在开发小程序过程中碰到了一些动画需求，能用css解决的问题就尽可能不用js实现，记录一下其中一些css3动画的相关知识
css3中常用的动画属性
-
transition
transition允许css的属性值在一定的时间区间内平滑地过渡。相关文档
-
animation
animation和@keyframes 属性相结合定义任意多的关键帧，实现复杂的动画。和transition不同之处在于transition只定义了首尾，而animation可以实现更复杂的动画，还有就是transition需要点击、悬浮等动作去触发，animation是渲染完成后自己执行。其属性包括name、duration、timing-function、delay iteration-count direction 相关文档
- name(对应的keyframe的名称)
- duration（一次动画所花费的时间）
- timing-function（动画的速度曲线，包括linear、ease、ease-in、ease-out、ease-in-out、cubic-bezier(n,n,n,n)）
- delay（延迟播放时间）
- iteration-count 播放次数
-
transform
transform属性定义了元素的形变，常用的包括旋转、缩放、移动等。在transform属性中一个比较重要的属性是transform-origin，它表示了transform动作执行的锚点，可以通过修改transform-origin来实现一些特殊的动作，例如圆周旋转。css圆周运动的实现
