Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> #grad1 { hauteur: 150px; largeur: 200px; background-color: red; /* Pour les navigateurs qui ne prennent pas en charge les dégradés */ background-image: radial-gradient(red, yellow, green); } #grad2 { hauteur: 150px; largeur: 200px; background-color: red; /* Pour les navigateurs qui ne prennent pas en charge les dégradés */ background-image: radial-gradient(circle, rouge, jaune, vert); } </style> </head> <body> <h1>Dégradé radial - Formes</h1> <h2>Ellipse (c'est par défaut) :</h2> <div id="grad1"></div> <h2><strong>Cercle :</strong></h2> <div id="grad2"></div> </body> </html>