Générateur Dégradés CSS
Générez des dégradés CSS avec un éditeur visuel.
Direction
CSS:
Advertisement
Créez visuellement de magnifiques dégradés CSS. Ajustez les couleurs et les angles, puis copiez le code CSS généré.
Comment l'utiliser
- Choisissez une direction, ou passez au dégradé radial.
- Réglez vos couleurs et ajoutez d'autres arrêts si nécessaire.
- Copiez le CSS généré directement dans votre feuille de style.
Questions fréquentes
Quel CSS est produit ?
Des valeurs standard linear-gradient() et radial-gradient(), prises en charge par tous les navigateurs actuels sans préfixe.
Combien de couleurs puis-je utiliser ?
Autant que vous voulez, mais deux ou trois rendent généralement mieux. Les longues suites d'arrêts deviennent ternes aux points de croisement.
Pourquoi mon dégradé devient-il gris au milieu ?
Parce que deux teintes opposées se rejoignent en passant par un point désaturé. Choisissez des couleurs plus proches sur la roue chromatique, ou ajoutez un arrêt pour guider la transition.