WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
DBQZHBDZ DD ZDZGDZD AZ78D 87
915
khachamohammed620
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
28 September 2025
Exemple d'animation de chargement CSS
23 September 2025
Extrait d'animation de chargement en chute CSS
17 September 2024
Connexion simple
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>
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%; } }
JS
Copy
Nothing to copy
