css3 顺时针旋转90

将需要旋转的元素添加transform属性，并设置rotate值为90deg，如下：

.rotated {
    transform: rotate(90deg);
}

其中，rotate(90deg)表示将元素顺时针旋转90度。如果需要逆时针旋转90度，只需要将旋转角度改为负值即可。

注意，由于旋转会对元素进行变形，因此在进行旋转时需要特别注意元素的边界和文本排布是否会受到影响。

另外，如果需要在hover等事件触发时进行旋转，可以使用CSS3的transition属性，设置旋转过渡效果的时间和方式，示例如下：

.rotated {
    transition: transform .5s ease-in-out;
}
.rotated:hover {
    transform: rotate(90deg);
}
    

这段代码表示，在鼠标悬停在.rotated元素上时，将元素顺时针旋转90度，并配合0.5秒的旋转过渡效果，使过渡更加自然流畅。

总之，顺时针旋转90度是CSS3中非常常见的功能之一，通过合理使用transform属性和transition属性，可以实现更多的旋转效果和动画效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！