【发布时间】：2022-10-04 16:42:52
【问题描述】：
Tailwind 只支持 3 个色标，如何使用 5 个色标？有没有办法将它添加到配置中？
【问题讨论】：
-
这是针对单个渐变还是您需要它可以重复使用？
-
@k8xian 我需要它可以重复使用。
-
我认为您可以通过自定义dynamic utilities 处理此问题
-
@k8xian 例子？
-
我在用手机，我可以试着抓一个sn-p。
标签： tailwind-css
【发布时间】：2022-10-04 16:42:52
【问题描述】：
您可以重写 Tailwind 使用的 --tw-gradient-stops CSS 变量 - 颜色和停止位置都包括在内（5 种自定义颜色仅作为示例）：
<div class="p-10 bg-gradient-to-r [--tw-gradient-stops:red_10%,#a1aa1a_30%,yellow_50%,blue_85%,#ddd_90%]">
</div>
【讨论】：