Quels types de gradients puis-je creer ?

L outil supporte les gradients CSS lineaires, radiaux et coniques avec sortie CSS prete a copier.

Puis-je utiliser le gradient dans Tailwind CSS ?

Oui. La page fournit aussi une valeur background Tailwind arbitraire a copier.

Generateur de gradient CSS

Creez des gradients CSS lineaires, radiaux et coniques avec apercu live, CSS pret a copier et presets utiles pour heros, boutons, dashboards et landing pages.

Apercu gradient liveUtilisez-le pour fonds CSS, heros et accents UI.

CSS

.gradient-background {
  background: linear-gradient(135deg, #2563EB, #22D3EE);
}

Valeur Tailwind arbitraire

bg-[linear-gradient(135deg,_%232563EB,_%2322D3EE)]

Verifier le contraste Extraire depuis image Pipette ecran Guide gradients