空间转换
3d平移
-
transform：translateX
-
transform：translateY
-
transform：translateZ
- 屏幕到人眼为z轴
透视
- perspective 取值范围：600px-1200px
- 给父元素
- 子元素近大远小效果
3d旋转（deg）
-
rotateX
-
rotateY
-
rotateZ
-
左手定则
- 左手大拇指指向轴线的正方向 ，弯曲的方向为旋转的方向
动画
@keyframes
- form{}，to{}
- 0%{}，50%{} ，100%{}
animation：名称（必写） 时间（必写） linear匀速 infinite无限 alternate替换
逐帧动画
- steps（次数）
动画停留结束位置
- forwards
延迟
- ms
- s
自由主题
XMind - Trial Version
