Tailwind CSS 创建渐变色的颜色类

1. 水平渐变：

   • bg-gradient-to-r: 从左到右的水平渐变。
   • bg-gradient-to-l: 从右到左的水平渐变。
   • bg-gradient-to-t: 从上到下的垂直渐变。
   • bg-gradient-to-b: 从下到上的垂直渐变。

2. 指定颜色的渐变：

   • from-{color}: 渐变的起始颜色。
   • via-{color}: 渐变的中间颜色。
   • to-{color}: 渐变的结束颜色。

以下是一个示例，创建了一个从蓝色到紫色的水平渐变：

<div class="bg-gradient-to-r from-blue-500 to-purple-500 h-16"></div>

在这个例子中，bg-gradient-to-r 表示水平渐变，from-blue-500 指定起始颜色为蓝色，to-purple-500 指定结束颜色为紫色，h-16 设置了渐变的高度。