Botón con Efecto Pulse
Categoría: Botones
Botón con animación de latido
Vista Previa:
📚 Explicación del Efecto:
Usa una animación de escala para crear un efecto de latido continuo.
Código Exportable
CSS
HTML
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.btn-pulse {
background: #48bb78;
color: white;
border: none;
padding: 12px 24px;
border-radius: 5px;
cursor: pointer;
font-size: 1em;
animation: pulse 2s infinite;
}
.btn-pulse:hover {
animation: none;
transform: scale(1.05);
}<button class="btn-pulse">Botón Pulse</button>