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

Design gap
Integrations

Lorem ipsum dolor sit amet

ehicula augue vel, auctor massa. Fusce vitae sapien nibh. Morbi faucibus neque lacus, non blandit mi commodo dapibus.

Designer

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;

NoCode

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.