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> input[type=text] { largeur: 130px; box-sizing: border-box; bordure: 2px solide #ccc; border-radius: 4px; taille de police: 16px; couleur-de-fond: blanc; background-image: url('searchicon.png'); position-arrière-plan: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; transition: width 0.4s ease-in-out; } input[type=text]:focus { largeur: 100%; } </style> </head> <body> <h2>Animer la largeur de l'entrée de recherche</h2> <form> <input type="text" name="search" placeholder="Search.."> </form> </body> </html>