How to add two linear gradient backgrounds on the same element - Tailwind Tutorial

Question

Is it possible to add two linear backgrounds to one element in Tailwind? The following is valid CSS code:

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

I tried adding it twice like this:

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

There are also some combinations with [], but they don't work. Any help welcome :)

Answer 1

End color Use the to-{color} utility to set the ending color of the gradient.