transform在css中的用法

transform 在 CSS 中的用法

transform 属性用于在 CSS 中对元素进行几何变换，包括平移、缩放、旋转和倾斜。它提供了强大的功能，可以创建各种视觉效果，如动画、变形和扭曲。

用法

transform 属性的语法如下：

立即学习“前端免费学习笔记（深入）”；

transform: <transform-function> [<transform-function>]...;</transform-function></transform-function>

其中， 可以是以下任何变换函数：

多个变换

transform 属性可以组合多个变换函数，用空格分隔：

transform: translate(50px, 100px) rotate(45deg) scale(2);

结合单位

transform 值可以包括像素 (px)、百分比 (%) 或其他 CSS 单位。

应用于元素

transform 属性可以应用于任何 HTML 元素，但通常用于创建动画和视觉效果，例如：

注意