CSS3中常用的新增屬性總結——CSS3新增動畫效果

1、transform变换效果：

css3提供了元素变形效果，也叫做变换。

它可以将元素实现旋转、缩放和平移的功能。

属性值：

（1）transform ；

（2）transform-origin：transform-origin 属性可以设置变换的起点。

默认情况下，使用元素的中心作为起点。

2、animation动画效果

CSS3 提供了类似 Flash 关键帧控制的动画效果，通过 animation 属性实现。

那么之前的 transition 属性只能通过指定属性的初始状态和结束状态来实现动画效果，有一定的局限性。

animation 实现动画效果主要由两个部分组成：

1、通过类似 Flash 动画中的关键帧声明一个动画；

2、在 animation 属性中调用关键帧声明的动画。