WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Text Shadow Animation
712
creativewiz
Open In Editor
Publish Your Code
28 February 2023
Glitch Text Animation
14 September 2024
Heart Rate line animation
HTML
Copy
<!-- Replace with your HTML Code (Leave empty if not needed) --> <!DOCTYPE html> <html> <head> <title>Text Shadow</title> </head> <body> <span class="s1 s">C</span> <span class="s2 s">C</span> </body> </html>
CSS
Copy
<!-- Replace with your HTML Code (Leave empty if not needed) --> body { background-color: #000000; text-align: center; } .s { position: absolute; top: 50%; left: 50%; transform-origin: 50% 50%; transform: translate(-50%, -50%); font-size: 375px; font-family: Arial; color: #aa55ff; } .s1 { z-index: 1; text-shadow: 4px 4px 10px #000000, 5px 5px 75px #7722cc, -5px -5px 75px #7722cc; animation: text-shadow 3s alternate infinite; } .s2 { font-size: 380px; color: #000000; z-index: 2; } @keyframes text-shadow { from { text-shadow: 0px 0px 0px #000000, 0px 0px 0px #000000, 0px 0px 0px #000000; } to { text-shadow: 4px 4px 10px #000000, 5px 5px 75px #7722cc, -5px -5px 75px #7722cc; } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
