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