Skip to content
Create
Mis Creaciones
Política Privacidad RGPD
WebGenio Inicio
WebGenio
Crear
WebGenio
Menu
VISTA PREVIA
CSS
Regístrate para guardar
HTML
CSS
<button class="glowing-button">Haz Clic Aquí</button>
.glowing-button { background-color: #007bff; /* Azul primario */ color: white; padding: 15px 30px; border: none; border-radius: 8px; font-size: 18px; font-weight: bold; cursor: pointer; outline: none; transition: all 0.3s ease-in-out; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; } .glowing-button:hover { background-color: #0056b3; /* Un azul más oscuro al hacer hover */ box-shadow: 0 0 20px rgba(0, 123, 255, 0.7), 0 0 40px rgba(0, 123, 255, 0.5); /* Efecto de brillo */ transform: translateY(-3px) scale(1.02); } .glowing-button:active { transform: translateY(0px) scale(0.98); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }