WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Efecto de texto deslizante
5049
webleb
Publica tu código
Recomendado
18 May 2024
Recetas de Starbucks
27 May 2025
Un código de mironovbogdan341
14 May 2025
Descargar mapa de Minecraft y má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> <<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
