如何在 TailwindCSS 中为渐变颜色添加高度？

Question

我知道我可以像这样添加渐变颜色：

<div class="bg-gradient-to-t from-red-400 via-white to-red-400"></div>`

但是我怎样才能像 CSS 中那样限制它们的高度呢？

{
    background-image: linear-gradient(#fff 49%, #F62559 49% 51%, #fff 51%);
}

我找不到与此类似的东西。可以吗？

Answer 1

找到答案了。它位于 tailwind 文档中。

我们可以通过在

from-45%

、

via-50%

、

to-5%

中添加 % 来实现这一点：

<div class="bg-gradient-to-r from-indigo-500 from-10% via-sky-500 via-30% to-emerald-500 to-90% ..."></div>