3d转换

116 阅读1分钟

3d转换

perspective:给父

写法 perspective: 值; (一般写1000px)

添加给父级

左手法则

判断旋转方向: 左手握住旋转轴, 拇指指向正值方向, 手指弯曲方向为旋转正值方向

写法:rotate3d(x, y, z, 角度度数) :用来设置自定义旋转轴的位置及旋转的角度

Ø x,y,z 取值为0-1之间的数字

transform-style: preserve-3d给父

添加 transform-style: preserve-3d; 加给父元素

使子元素处于真正的3d空间

animation动画效果

image.png