Comment ajouter deux arrière-plans dégradés linéaires sur le même élément - Tutoriel Tailwind

Question

Est-il possible d'ajouter deux arrière-plans linéaires à un élément dans Tailwind ? Voici le code CSS valide :

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

J'ai essayé de l'ajouter deux fois comme ceci :

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

Il existe également des combinaisons avec [], mais elles ne fonctionnent pas. Toute aide est la bienvenue :)

Answer 1

Couleur finale Utilisez l'utilitaire to-{color} pour définir la couleur de fin du dégradé.