WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Effet de texte néon
4969
webleb
Publiez votre code
Recommandé
18 September 2024
Bouton de connexion
15 August 2024
Un magnifique Slider
19 September 2025
Exemples de menus déroulants CSS animés
index.html
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Webleb</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description"> <link href="css/styles.css" rel="stylesheet"> </head> <body> <h1><span>WebLeb</span></h1> </body> </html>
styles.css
Copy
body{ padding: 0; margin: 0; background-color: #000; display: flex; align-items: center; justify-content: center; min-height: 100vh } h1{ color: #484848; font-size: 150px; font-weight: bold; font-family: monospace; letter-spacing: 7px; cursor: pointer } h1 span{ transition: .5s linear } h1:hover span:nth-child(1){ margin-right: 5px } h1:hover span:nth-child(2){ margin-left: 30px } h1:hover span{ color: #fff; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff; }
main.js
Copy
Nothing to copy
