Módulo 5: Interacciones y Animaciones
Why you should use Client-first
Trigger
Un Trigger es lo que inicia o continúa una animación. Puede iniciar o incluso animar continuamente uno o más elementos en la página.
Interpolation
El proceso de creación de fotogramas intermedios entre A y B, se denomina interpolación. En la línea de tiempo de la animación establecemos el punto de inicio y el punto de finalización. Todo lo que hay entre ambos elementos se interpola automáticamente.
Easing
Las interpolaciones te permiten elegir el tipo de aceleración que deseas utilizar para sus animaciones. Esta aceleración se llama easing, puede ser de muchos tipos.
Smoothing
El suavizado o damping se utiliza para evitar pequeños saltos, sobre todo en interpolaciones donde interviene el scroll.
Great Workflow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Elements, triggers, effects and controls
Elements and triggers
Hover over and out
First and second click
Mouse movement
Scroll progress
Scroll into and out of view
Scroll up and scroll down
Page starts loading
Page finishes loading
Slider panel change
Tab panel change
Dropdown open
Navbar menu open
Effects and controls
Move
Scale
Rotate
Skew
Opacity
Background color
Border color
Text color
Width / height
Show / hide
Loop
Easing
Duration / delay
Per breakpoint visibility
After Effects & Lottie
Parallax Movement on Scroll
Lorem ipsum dolor sit amet
ehicula augue vel, auctor massa. Fusce vitae sapien nibh. Morbi faucibus neque lacus, non blandit mi commodo dapibus.
consectetur adipiscing
Nullam interdum velit magna, sit amet ornare lacus ornare vel. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Aliquam id nisl ultrices
Ut vitae sapien sed leo vehicula volutpat. Aenean faucibus pharetra augue, vel auctor tellus ultrices quis. Sed luctus ac libero placerat dapibus.
Interactions & Animations
Cada vez son más las herramientas de NoCode, combinándolas entre ellas está naciendo un nuevo tipo de profesional, cada uno con su NoCode Stack. Puede ser un profesional del marketing, de diseño, etc.