Rebote
Categoría: Animaciones
Animación de rebote al cargar
Vista Previa:
¡Rebote!
Este elemento rebota al cargar
📚 Explicación del Efecto:
Usa keyframes para crear un movimiento de rebote vertical.
Código Exportable
CSS
HTML
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-20px); }
}
.efecto-bounce {
animation: bounce 0.5s ease;
}<div class="efecto-bounce">
<h3>¡Rebote!</h3>
<p>Este elemento rebota al cargar</p>
</div>