WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
DBQZHBDZ DD ZDZGDZD AZ78D 87
539
khachamohammed620
Open In Editor
Publish Your Code
Recommended
15 September 2025
CSS Thought Bubble Animation
29 December 2024
Doga sev ve say
5 November 2024
Scrolling Navigation Bar
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
