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> .button { affichage: inline-block; border-radius: 4px; couleur de fond: #f4511e; bordure: aucune; couleur: #FFFFFF; text-align: center; taille de police: 28px; padding: 20px; largeur: 200px; curseur: pointeur; } .button span { affichage: inline-block; position: relative; transition: 0.5s; } .button span:after { content: '\00bb'; position: absolute; opacité: 0; droite: -20px; transition: 0.5s; } .button:hover span { padding-right: 25px; } .button:hover span:after { opacité: 1; droite: 0; } </style> </head> <body> <h2>Bouton animé</h2> <button class="button" style="vertical-align:middle"><span>Survolez</span></button> </body> </html>