hooyantsing's Blog

P157_6_使用translate3d控制3D移动

字数统计: 71阅读时长: 1 min
2020/04/21

P157 6 使用translate3d控制3D移动

transition3d

前面讲过,translate是translateX和translateY的简写。

那么translate3d就是加入了Z轴的支持,更强。

1
2
3
//translate3d(x,y,z);
//注意!由于z轴原元素为0,因此不能用百分比
transform: translate3d(100%,80%,100px);

rotateY

沿Y轴旋转。

1
transform: rotateY(45deg);

c1a5a286ff598dd1d816ada81d58254e.png

CATALOG