如何在Tailwind CSS中更改渐变方向？

没问题！你当前用的bg-gradient-to-r是**水平方向（从左到右）**的渐变类，要改成垂直方向只需要替换方向后缀就可以了：

• 如果你想要从上到下的垂直渐变，把to-r换成to-b（to-b是"to bottom"的缩写）：

<div class="bg-gradient-to-b from-cyan-500 to-blue-500">
  <!-- 你的内容 -->
</div>

• 要是你需要从下到上的垂直渐变，就用to-t（"to top"的缩写）：

<div class="bg-gradient-to-t from-cyan-500 to-blue-500">
  <!-- 你的内容 -->
</div>

Tailwind的渐变方向类命名逻辑很直观：to-r对应向右、to-l对应向左、to-b对应向下、to-t对应向上，还有斜向的to-tr（右上）、to-bl（左下）等，你可以根据需求灵活选择~

内容的提问来源于stack exchange，提问作者Mohammed Hafiz