web前端|前端问答
css
web前端-前端问答
vchat源码安装,vscode的十大黑科技,ubuntu下装lxml,tomcat配置返回目录,爬虫技术 金融,php 队列发送短信,潍坊常规抖音seo优化方案lzw
css3的translate3d用法是什么
管理系统软件源码,ubuntu更换gcc版本,tomcat32安装版,java爬虫异步加载,临沂php编程培训班,淘宝女装seolzw
translate3d(x,y,z) 作为transform属性的值,用于定义 3D 转换。
兑币网站源码,ubuntu创建网页,资讯网站爬虫,外国php环境,双流seo收费lzw
transform 属性向元素应用 2D 或 3D 转换
语法为:
tranform: translate3d(x,y,z)
这三个参数代表的含义:
transform: translateX(100px) :仅在x轴上移动
transform: translateY(100px) : 仅在y轴上移动
transform: translateZ(100px) : 仅在z轴上移动
transform: translate3d(x,y,z) : xyz分别代表要移动的轴的方向的距离
示例如下:
输出结果:
(学习视频分享:css视频教学)