3D 变换方法

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

再换一个旋转方法,用一下 rotateX ... 现在这个图像会围绕着它的 X 轴旋转一定的度数 ..

还有一个 rotateZ .. 它可以让元素在 Z 轴旋转 .. 这个 Z 轴就是穿过元素的中心,直接冲向你的这个轴 ...

很多变换方法都有对应的变换 X,Y,还有 Z 轴的方法 .. 先让元素在 Y 轴旋转一定的角度 .. 后面再用一个 translateX ,让它在 X 轴移动一定的距离 .. 观察这个过渡的动画 .. 这个元素现在好像离我们更远了一些 ..

移动的值也可以是一个负数 ..

再试一下 ... 让元素在 X 轴旋转 ... 在 Y 轴移动 ...

还有一个 translateZ,可以让元素在 Z 轴移动 ... 我们可以再去掉旋转 .. 单独使用一下这个 translateZ ... 观察一下它对这个图像元素的影响 ...

在它的前面,再用一个 scaleZ .. 它可以修改元素在 Z 轴上的坐标 ...

3D 变换方法《 CSS:变换 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点