CSS 参考手册 目录

CSS3 transform 属性

CSS 属性 transform 用于对元素进行旋转、缩放、倾斜或平移等变换操作,可以实现丰富的动画效果和交互效果。

语法

---------- ---- - ------------------- - ------- - --------
  • none: 默认值,表示不进行任何变换操作。
  • transform-functions: 一个或多个变换函数,可以同时应用多个变换操作。
  • initial: 设置为属性的初始值。
  • inherit: 继承父元素的值。

变换函数

旋转(rotate)

---------- --------------

缩放(scale)

---------- -----------

倾斜(skew)

---------- ----------- -------

平移(translate)

---------- --------------- ------

矩阵变换(matrix)

---------- --------- -- -- -- -- ---

3D 变换

---------- -------------- -------------- ---------------

示例代码

---- -
  ------ ------
  ------- ------
  ----------------- -----
  ---------- ------------- ---------- ----------- ------ --------------- ------
-

以上就是 CSS 属性 transform 的详细介绍,通过合理运用 transform 属性,可以为网页元素添加出色的动画效果和交互效果。


上一篇:CSS 属性 top
下一篇:CSS 属性 transform-origin