CSS 2D转换

文献种类：专题技术总结文献

开发工具与关键技术：MVC                       

作者：吴锦华      ；年级：20级    ；撰写时间：2021   年 7  月  27日

文献编号：                归档时间：   年   月   日

CSS 2D转换

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：MVC

作者：吴锦华

撰写时间：2021/7/27

CSS 2D转换

transform属性可以对元素进行移动、缩放、转动、拉长或拉伸。

Transform属性有四个常用方法：rotate(x,y)旋转，scale(x,y)缩放，translate(x,y)移动（平移）和skew(x-angle,y-angle)倾斜

1 translate()从其当前位置移动元素（根据为 X 轴和 Y 轴指定的参数）。

示例：

 

2 rotate()方法根据给定的角度顺时针或逆时针旋转元素

示例：

 

3 scale()方法增加或减少元素的大小（缩放）（根据给定的宽度和高度参数）。

示例：

 

4 skewX()方法使元素沿 X 轴倾斜给定角度。skewY()方法使元素沿 Y 轴倾斜给定角度。

示例：

 

2D 所有转换方法

 

以上为我的CSS内容，，希望对每一位读者都有所帮助，同时我也期待有读者发表建议对我的内容补充和修改。后续能总结出比较完善的文献论文。