Un dégradé est une transition douce entre deux ou plusieurs couleurs. Les dégradés ajoutent de la profondeur, de la dimension et un intérêt visuel aux conceptions Web, aux éléments d'interface utilisateur et aux illustrations.
Sélectionnez deux couleurs, choisissez un angle de dégradé et voyez instantanément le résultat sur Canvas. Copiez le code CSS à utiliser dans votre projet.
Frequently Asked Questions
Q: Quelle est la différence entre les dégradés linéaires et radiaux ?
Quelle est la différence entre les dégradés linéaires et radiaux ? Les dégradés linéaires évoluent le long d'une ligne droite, tandis que les dégradés radiaux rayonnent à partir d'un point central.
Q: Puis-je utiliser des dégradés en CSS ?
Puis-je utiliser des dégradés en CSS ? Oui, utilisez la propriété background-image avec des fonctions de dégradé linéaire ou de dégradé radial.
Q: Puis-je créer des dégradés transparents ?
Puis-je créer des dégradés transparents ? Oui, utilisez le curseur d'opacité ou modifiez manuellement le CSS copié pour utiliser les valeurs de couleur rgba() ou hsla(). Les dégradés avec transparence sont parfaits pour les superpositions et les effets de verre.
Q: Comment rendre le dégradé réactif ?
Comment rendre le dégradé réactif ? Le CSS généré fonctionne quelle que soit la taille du conteneur. Pour les dégradés en plein écran, appliquez le dégradé au corps ou à un élément wrapper. Utilisez background-size: cover pour de meilleurs résultats.
Q: Quelle est la différence entre les dégradés linéaires et radiaux ?
Quelle est la différence entre les dégradés linéaires et radiaux ? Les dégradés linéaires se transforment le long d'une ligne droite, parfaits pour les en-têtes et les bannières. Les dégradés radiaux rayonnent à partir d'un point central, idéal pour les effets de projecteurs et les éléments circulaires.