在CSS3动画出现之前,对于动画效果(如渐显、移动等)大部分都是使用JavaScript制作。而现在这些动画效果仅仅使用几句CSS代码即可轻松实现。
CSS3动画效果共3大部分:
- (1)CSS3变形;
- (2)CSS3过渡;
- (3)CSS3动画;
CSS3变形
在CSS3中,我们可以使用transform属性来实现文字或图像的的各种变形效果,如位移、缩放、旋转、倾斜等。
| 方法或属性 | 说明 |
|---|---|
| translate() | 位移 |
| scale() | 缩放 |
| rotate() | 旋转 |
| skew() | 倾斜 |
| transform-origin | 中心原点 |
