Tailwind - 如何在同一元素上添加 2 个线性渐变背景？答案

【问题标题】：Tailwind - How to add 2 linear gradients background on same element?Tailwind - 如何在同一元素上添加 2 个线性渐变背景？
【发布时间】：2022-11-28 11:19:54
【问题描述】：

在 Tailwind 中是否可以为一个元素添加两个线性背景？这是有效的CSS代码：

background-image: linear-gradient(to right, #f8fafb 50%, #161616 50%),
      linear-gradient(to right, #161616 50%, #f8fafb 50%);

我试过像这样添加两次：

className = "bg-gradient-to-r from-white to-black bg-gradient-to-r from-black to-white";

和 [] 的一些组合，但它不起作用。欢迎任何帮助:)

【问题讨论】：

标签： css background background-image tailwind-css linear-gradients

【解决方案1】：

结束颜色使用 to-{color} 实用程序设置渐变的结束颜色。

<div class="bg-gradient-to-r from-cyan-500 to-blue-500 ..."></div>

【讨论】：