WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
ग्लोइंग टेक्स्ट इफेक्ट
3632
st
संपादक में खोलें
Video
अपना कोड प्रकाशित करें
1
अनुशंसित
23 September 2023
ग्लोइंग होवर टेक्स्ट
7 August 2025
एनिमेटेड टेक्स्ट और आइकन के साथ स्टाइलिश CSS बटन
HTML
Copy
<!DOCTYPE html> <html> <head> <title>Glowing Text</title> </head> <body> <h1 class="glow">Bennist's Website</h1> </body> </html>
CSS
Copy
body { background-color: black; font-family: cursive; } .glow { font-size: 80px; color: #ff0000; text-align: center; animation: glow 2s ease-in-out infinite alternate; } @keyframes glow { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ff0000, 0 0 40px #000000, 0 0 50px #000000, 0 0 60px rgb(255, 0, 128), 0 0 70px #ff0000; } to { text-shadow: 0 0 20px #fff, 0 0 30px #000000, 0 0 40px #000000, 0 0 50px #ff0000, 0 0 60px #ff0000, 0 0 70px #000000, 0 0 80px #000000; } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
