translate3d()

Html5知典

发布于 2019-11-26 14:33:26

8100

发布于 2019-11-26 14:33:26

文章被收录于专栏：Html5知典Html5知典

用途

translate3d() 规定3D空间移动。

语法

translate3d(x, y, z)

值

值	描述
x	<length>值或<percentage>值，规定X轴的移动距离。
y	<length>值或<percentage>值，规定Y轴的移动距离。
z	<length>，规定Z轴的移动距离。

例子

/* HTML */
<div class="stage"></div>

.stage{ 
    width:50px; 
    height:50px; 
    background:red; 
    transform: translate3d(50%, 50%); }

执行结果

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2018-11-06，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Html5知典微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度