要使用Tailwind CSS 旋转 SVG,你可以使用 Tailwind 的旋转工具类。例如,如果你想旋转一个SVG图标180度,可以给SVG元素添加 rotate-180
类。以下是具体的步骤:
- 确保你的项目已经安装并配置了 Tailwind CSS。
- 找到你想要旋转的SVG元素。
- 在SVG元素的类属性中添加
rotate-180
。这会使元素旋转180度。
示例代码如下:
html<svg class="rotate-180 ..." xmlns="http://www.w3.org/2000/svg" ...> <!-- SVG content here --> </svg>
Tailwind CSS 提供了多种旋转选项,如 rotate-90
, rotate-180
, 和 rotate-270
,以及负值如 rotate-[-90deg]
等,以满足不同的旋转需求。