So fügen Sie zwei Hintergründe mit linearem Farbverlauf zum selben Element hinzu – Tailwind-Tutorial

Question

Ist es möglich, in Tailwind zwei lineare Hintergründe zu einem Element hinzuzufügen? Hier ist der gültige CSS-Code:

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

Ich habe zweimal versucht, es so hinzuzufügen:

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

Es gibt auch einige Kombinationen mit [], aber sie funktionieren nicht. Jede Hilfe willkommen :)

Answer 1

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