SplineDiseña efectos interactivos con desenfoque progresivo y degradados suaves
Lección 7 de 15HanaPrincipiante9 min
En este tutorial exploramos distintos estilos y técnicas para crear diseños suaves y sofisticados con degradados suaves y desenfoque progresivo, y cómo convertirlos en experiencias interactivas en Hana.
Empezaremos explicando cómo añadir degradados y efectos de desenfoque a las formas, y luego pasaremos a crear elementos interactivos como animaciones hover, efectos que siguen al cursor, animaciones en bucle y efectos de desenfoque por capas. ¡Todo listo para insertarlo en tu proyecto web, sin escribir código! 👌
Escenas de demo: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3
Lo que aprenderás
- 0:00Introducción
- 0:15Diseño sencillo con degradados
- 2:57Añadir desenfoque de capa
- 3:41Crear una interacción de hover del ratón
- 5:28Crear un efecto de desenfoque interactivo en el texto
- 6:44Crear una animación en bucle de un degradado radial
- 7:43Crear un efecto de degradado y desenfoque que sigue al cursor
