WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
DBQZHBDZ DD ZDZGDZD AZ78D 87
533
khachamohammed620
Abrir en el editor
Publica tu código
Recomendado
21 August 2024
Luz de lámpara
18 August 2024
Control deslizante animado | Deslizar JS
21 September 2024
Tarjeta Shake
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
