Mysia | Creative Agency

Fade Animations

Fade Up

data-aos="fade-up"

Fade Down

data-aos="fade-down"

Fade Left

data-aos="fade-left"

Fade Right

data-aos="fade-right"

Fade Up Right

data-aos="fade-up-right"

Fade Up Left

data-aos="fade-up-left"

Fade Down Right

data-aos="fade-down-right"

Fade Down Left

data-aos="fade-down-left"

Flip Animations

Flip Left

data-aos="flip-left"

Flip Right

data-aos="flip-right"

Flip Up

data-aos="flip-up"

Flip Down

data-aos="flip-down"

Zoom Animations

Zoom In

data-aos="zoom-in"

Zoom In Up

data-aos="zoom-in-up"

Zoom In Down

data-aos="zoom-in-down"

Zoom In Left

data-aos="zoom-in-left"

Zoom In Right

data-aos="zoom-in-right"

Zoom Out

data-aos="zoom-out"

Zoom Out Up

data-aos="zoom-out-up"

Zoom Out Down

data-aos="zoom-out-down"

Zoom Out Right

data-aos="zoom-out-right"

Zoom Out Left

data-aos="zoom-out-left"

Advanced Settings

Long Duration

data-aos-duration="3000"

Linear Easing

data-aos-easing="linear"

Offset & Easing

data-aos-offset="300"

Delay

data-aos-delay="300"

Complex Animation

fade-zoom-in + ease-in-back

Cubic Easing

ease-out-cubic

Anchor Placement

Top Bottom

anchor-placement="top-bottom"

Center Bottom

anchor-placement="center-bottom"

Bottom Bottom

anchor-placement="bottom-bottom"

Top Center

anchor-placement="top-center"

Center Center

anchor-placement="center-center"

Bottom Center

anchor-placement="bottom-center"

Animations