WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
HTML
CSS
JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <div class="bt">...</div> </body> </html>
body{ background: red; } .bt{ width: 60px; height: 400px; border-radius: 20px; background: url(habit\ blanc.jpg); transition: 2s; } .bt:hover{ width: 260px; border: 2px solid black; }
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Open Advanced Editor
Publish Code
Full Screen
HTML
CSS
JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <div class="bt">...</div> </body> </html>
body{ background: red; } .bt{ width: 60px; height: 400px; border-radius: 20px; background: url(habit\ blanc.jpg); transition: 2s; } .bt:hover{ width: 260px; border: 2px solid black; }
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Validating your code, please wait...