Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
/* styles.css */ body { margin: 0; height: 100vh; display: flex; align-items: center; justify-content: center; background: #000; overflow: hidden; } .container { text-align: center; } .neon { font-family: 'Arial Black', sans-serif; font-size: 4rem; color: #fff; text-decoration: none; position: relative; padding: 0.5em 1em; text-transform: uppercase; /* Neonglühen */ text-shadow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 20px #0ff, 0 0 40px #0ff, 0 0 80px #0ff; transition: opacity 0.1s ease-in-out; } @keyframes flicker { 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 1; } 20%, 24%, 55% { opacity: 0.4; } } .neon.flicker { animation: flicker 1.5s infinite; }
CSS
/* styles.css */ body { margin: 0; height: 100vh; display: flex; align-items: center; justify-content: center; background: #000; overflow: hidden; } .container { text-align: center; } .neon { font-family: 'Arial Black', sans-serif; font-size: 4rem; color: #fff; text-decoration: none; position: relative; padding: 0.5em 1em; text-transform: uppercase; /* Neonglühen */ text-shadow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 20px #0ff, 0 0 40px #0ff, 0 0 80px #0ff; transition: opacity 0.1s ease-in-out; } @keyframes flicker { 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 1; } 20%, 24%, 55% { opacity: 0.4; } } .neon.flicker { animation: flicker 1.5s infinite; }
HTML
<!-- index.html --> <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Neon-Flicker-Effekt</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="container"> <a href="https://www.google.com/url?q=https://linebyline.de/" class="neon"> Besuche LINEBYLINE.DE </a> </div> <script src="script.js"></script> </body> </html>
Join Effecthub.com
Working with Global Gaming Artists and Developers!
Login
Sign Up
Or Login with Your Email Address:
Email
Password
Remember
Or Sign Up with Your Email Address:
Your Email
This field must contain a valid email
Set Password
Password should be at least 1 character
Stay informed via email
