深入解读CSS3中transform变换模型的渲染(2)
发布时间:2020-03-15 18:54 所属栏目:52 来源:站长网
导读:首先在X,Y轴上各移动80px,然后将元素放大150%,接着沿着Z轴方向顺时针旋转45。 注意:缩放和旋转,都是通过元素的中心进行运转的,因为元素的默认transfrom-origin值为50% 50%。 通过嵌套元素可以实现与上面相同的效
首先在X,Y轴上各移动80px,然后将元素放大150%,接着沿着Z轴方向顺时针旋转45°。 注意:缩放和旋转,都是通过元素的中心进行运转的,因为元素的默认transfrom-origin值为50% 50%。 通过嵌套元素可以实现与上面相同的效果
XML/HTML Code复制内容到剪贴板
<div style="transform: translate(80px, 80px)"> <div style="transform: scale(1.5, 1.5)"> <div style="transform: rotate(45deg)"></div> </div> </div> 3D变换渲染 (编辑:ASP站长网) |
相关内容
网友评论
推荐文章
热点阅读