Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> div { largeur: 100px; hauteur: 100px; couleur-de-fond: rouge; propriété-de-transition: largeur; durée-de-transition: 2s; transition-timing-function: linéaire; transition-delay: 1s; } div:hover { largeur: 300px; } </style> </head> <body> <h1>Les propriétés de transition spécifiées une par une</h1> <p>Survolez l'élément div ci-dessous pour voir l'effet de transition :</p> <div></div> <p><b>Remarque :</b>L'effet de transition a un délai d'une seconde avant de commencer.</p> </body> </html>