CSS如何把一个元素旋转30°?
在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
属性是用来定义元素从一种样式过渡到另一种样式的速度的。