Con este vídeo de la Zona Código aprendes a crear un botón con efecto neón brillante y una animación parpadeante que llama la atención sin necesidad de JavaScript ni plugins.
El efecto neón simula el brillo de un tubo fluorescente alrededor del botón, con un resplandor que se expande y contrae de forma continua.
Es un recurso visual muy efectivo para destacar llamadas a la acción como «Comprar ahora», «Reservar plaza» o «Suscríbete».
Funciona directamente con el bloque de botón de WordPress: solo tienes que añadir la clase gn-neon en el campo «Clases CSS adicionales» del bloque y el efecto se aplica automáticamente, sobreescribiendo los estilos por defecto del editor.
El código incluye dos variantes de color (verde y azul) listas para usar. Pero puedes modificarlas a tu gusto, tal y como vemos en el vídeo.
Vídeo: cómo crear un botón con efecto neón parpadeante en WordPress
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Código para crear efecto neón en botones de WordPress (solo css)
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Vídeos relacionados: