1.CSS动画的实现方式?
CSS动画类型:
- transition补间动画
位置-平移: left/right/margin/transform
方位-旋转: transform
大小-缩放: transform
透明度: opacity
线性变换: transform - keyframe关键帧动画
逐帧动画
2.过渡动画和关键帧动画的区别?
过度动画需要有状态的变化
关键帧动画不需要状态的变化
关键帧动画的控制更加精细
3.如何实现逐帧动画?
4.CSS动画的性能怎么样?
性能不坏
部分情况下优于JS
JS可以做到更好
部分高危属性:box-shadow(阴影效果的实现会消耗性能)
5.使用CSS3动画实现一个轮播图效果?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>