CSS 属性 transform 用于对元素进行旋转、缩放、倾斜或平移等变换操作,可以实现丰富的动画效果和交互效果。
语法
---------- ---- - ------------------- - ------- - --------
none
: 默认值,表示不进行任何变换操作。transform-functions
: 一个或多个变换函数,可以同时应用多个变换操作。initial
: 设置为属性的初始值。inherit
: 继承父元素的值。
变换函数
旋转(rotate)
---------- --------------
缩放(scale)
---------- -----------
倾斜(skew)
---------- ----------- -------
平移(translate)
---------- --------------- ------
矩阵变换(matrix)
---------- --------- -- -- -- -- ---
3D 变换
---------- -------------- -------------- ---------------
示例代码
---- - ------ ------ ------- ------ ----------------- ----- ---------- ------------- ---------- ----------- ------ --------------- ------ -
以上就是 CSS 属性 transform 的详细介绍,通过合理运用 transform 属性,可以为网页元素添加出色的动画效果和交互效果。