我如何更改背景：线性渐变为顺风线性渐变

Question

我在简单的CSS中有这样的背景：

 background: linear-gradient(152deg,#fff,#00bfd8 42%,#0083f5);

我想将它添加到 tailwind css 中：

  <section class="relative bg-[here] table w-full py-36 lg:py-44">

Answer 1

对于相同的颜色停止，请使用 tailwind 的 bg-gradient-to 类

bg-gradient-to-br from-white via-[#00bfd8] to-[#0083f5]

如果您想使用自定义颜色停止点，请使用任意值

bg-[linear-gradient(152deg,_#fff,_#00bfd8_42%,_#0083f5)]

使用“_”下划线表示空格：ref

要在自定义渐变中使用顺风颜色：将十六进制代码替换为theme(colors.blue.500) Theme()

在这个游乐场看看