css 如何在同一元素上添加2个线性渐变背景？

n53p2ov0 于 2022-12-01 发布在其他

关注(0)|答案(1)|浏览(216)

在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";

还有几个与[]的组合，但都不起作用，欢迎任何帮助：）

1条答案

结束颜色使用to-{color}工具设置渐变的结束颜色。

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