空间转换
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