Bagaimana untuk menambah dua latar belakang kecerunan linear pada elemen yang sama - Tutorial Tailwind

Question

Adakah mungkin untuk menambah dua latar belakang linear pada satu elemen dalam Tailwind? Berikut ialah kod CSS yang sah:

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

Saya cuba menambahnya dua kali seperti ini:

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

Terdapat juga beberapa kombinasi dengan [], tetapi ia tidak berkesan. Sebarang bantuan dialu-alukan :)

Answer 1

Warna akhir Gunakan utiliti to-{color} untuk menetapkan warna penghujung kecerunan.