CSS3变形的理解

1.css3 transfrom是对元素进行变形

2.transform 2D/3D 转换属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、倾斜、缩放或移动。

3.transfrom-rotate 指函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。

4.skew
函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。

5.scale用来实现文字或图像的缩放处理,在参数中指定缩放倍率。

6.6.translate用来移动文字或图像,在参数中分别指定水平方向上的移动距离与垂直方向上的移动距离。

    原文作者:ZT前端
    原文地址: https://segmentfault.com/a/1190000019462262
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞