WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Effet de texte glissant
5582
webleb
Publiez votre code
Recommandé
28 June 2025
Confrontation des métamorphes
29 July 2025
Liste des cartes d'entreprise avec image de marque et marketing
20 August 2024
Formulaire de connexion LED
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> <<p>Webleb - Order A Website</p> </body> </html>
styles.css
Copy
body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #000; } p { position: relative; font-family: sans-serif; text-transform: uppercase; font-size: 50px; letter-spacing: 4px; overflow: hidden; background: linear-gradient(90deg, #000, #fff, #000); background-repeat: no-repeat; background-size: 80%; animation: animate 3s linear infinite; -webkit-background-clip: text; -webkit-text-fill-color: rgba(255, 255, 255, 0); } @keyframes animate { 0% { background-position: -500%; } 100% { background-position: 500%; } }
main.js
Copy
Nothing to copy
