WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Mis redes sociales
2496
robustscript367
Abrir en el editor
Publica tu código
Recomendado
30 May 2023
Formulario de inicio de sesión/registro con CSS
26 May 2025
Un código de Liamgilles76
3 February 2025
Un código de adwq
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) */