WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
मेरा सोशल मीडिया
1943
robustscript367
संपादक में खोलें
अपना कोड प्रकाशित करें
अनुशंसित
13 June 2025
अंडा टोस्टिंग लोड हो रहा है
26 August 2024
सौर अन्वेषक
19 March 2025
अध्ययन रोशनी
HTML
Copy
Neon Text with 3D Animation
Hi! Follow @codm_aifacts on TikTok
CSS
Copy
body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #000; margin: 0; } .neon-text { font-size: 3em; color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #00ffcc, 0 0 30px #00ffcc, 0 0 40px #00ffcc, 0 0 50px #00ffcc, 0 0 60px #00ffcc, 0 0 70px #00ffcc; animation: neon-glow 2s infinite, text-rotate 5s infinite alternate; transform: perspective(1000px); } @keyframes neon-glow { 0%, 100% { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #00ffcc, 0 0 30px #00ffcc, 0 0 40px #00ffcc, 0 0 50px #00ffcc, 0 0 60px #00ffcc, 0 0 70px #00ffcc; } 50% { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00ff, 0 0 30px #ff00ff, 0 0 40px #ff00ff, 0 0 50px #ff00ff, 0 0 60px #ff00ff, 0 0 70px #ff00ff; } } @keyframes text-rotate { 0% { transform: perspective(1000px) rotateX(0) rotateY(0); } 100% { transform: perspective(1000px) rotateX(360deg) rotateY(360deg); } }
JS
Copy
not needed) */