扫描二维码下载沐宇APP

沐宇

微信扫码使用沐宇小程序

沐宇

CSS translate3d()实例讲解

扬州沐宇科技
2023-12-19 03:47:54
css

CSS translate3d()函数是CSS3中的一个变形函数,用于在三维空间中对元素进行平移。 语法: translate3d(tx, ty, tz)

参数说明: tx:表示元素在X轴上平移的距离,可以为正数、负数或百分比。 ty:表示元素在Y轴上平移的距离,可以为正数、负数或百分比。 tz:表示元素在Z轴上平移的距离,可以为正数、负数或百分比。

实例: 假设有一个div元素,样式如下:

Translate3D Example

扫码添加客服微信