Fade In Suave
Categoría: Animaciones
Animación de aparición gradual
Vista Previa:
Elemento Animado
Aparece con animación
📚 Explicación del Efecto:
La animación combina opacidad y transformación para un efecto de aparición suave.
Código Exportable
CSS
HTML
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.efecto-fade {
animation: fadeIn 1s ease-out;
animation-fill-mode: both;
}<div class="efecto-fade">
<h3>Elemento Animado</h3>
<p>Aparece con animación</p>
</div>