1、近大远小 景深
程序中实现的方法 perspective 元素距离 视线的距离(物体和眼睛的距离越小,近大远小的效果越明显)
perspective: 1200px;(在父元素中使用)
transform:perspective(1200px) (在子元素中使用)
2、3d
transform-style:preserve-3d:给父级加
1):3D位移 transform:translate3d(tx,ty,tz) transform:translateZ(t)
2):3D旋转 transform:rotateX() transform:rotateY() transform:rotateZ() transform:rotate3d( )
3、动画
1)关键帧
@keyframes mymove{
from{初始状态属性}
to{结束状态属性}
} (一次)
@keyframes mymove{
0%{初始状态属性}
50%(中间再可以添加关键帧)
100%{结束状态属性}
}(多次)