本文介绍了CSS2D转换的基本概念，包括如何移动元素（translate）、旋转元素（rotate）和缩放元素（scale）。详细阐述了各属性的语法和注意事项，如旋转中心点的改变（transform-origin）以及缩放的优势。强调了在综合使用多个转换属性时，位移应置于最前。最后总结了2D转换的关键点，如百分比单位的应用和不影响其他元素的特点。
css2D转换：
可实现元素的位移，旋转，缩放等效果。
移动：
translate 可以改变元素在页面中的位置，类似定位。
语法：
transform:translate(x,y);也可分开写。
transform:translateX(n);
transform:translateY(n);
注意：
定义2D转换中的移动，沿着x和y轴移动元素。
translate优点：效果不会影响其他元素的位置。
translate中的百分比单位是相对于自身元素的translate（50%，50%）；
此效果对行内标签没有效果。
旋转：
语法：
transform：rotate（旋转度数）；
重点：
rotate 里面跟度数，单位是deg。
角度为正时，顺时针，为负时，逆时针旋转。
默认旋转的中心是元素的中心点。
最低0.47元/天 解锁文章
扫一扫
229
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
