transform 动画 css

transform 动画是一种可以改变元素形状、位置和大小的 CSS 属性。它可以通过 translate、rotate、scale、skew 等函数来实现。使用 transform 动画可以让网页更加生动有趣，提高用户体验。

例如，下面的代码可以让一个元素在 2 秒内向右移动 100 像素：

.element {
  transform: translateX(100px);
  transition: transform 2s;
}

在这个例子中，translateX(100px) 函数表示将元素向右移动 100 像素，transition 属性表示在 2 秒内完成这个变换。