CSS如何把一个元素旋转30°？

CSS面试题 5月前 0 104

在CSS中，你可以使用transform属性来旋转一个元素。如果你想把一个元素旋转30度，你可以这样做：

.element {
  transform: rotate(30deg);
}

在这个例子中，.element是你想要旋转的元素的类名。rotate(30deg)是一个函数，它告诉浏览器旋转这个元素30度。

假设你有一个按钮，你想要在鼠标悬停时旋转它，你可以这样做：

.button {
  transition: transform 0.3s ease;
}

.button:hover {
  transform: rotate(30deg);
}

在这个例子中，当你的鼠标悬停在带有类名.button的元素上时，这个元素会在0.3秒内旋转30度。transition属性是用来定义元素从一种样式过渡到另一种样式的速度的。