Animation Builder

Animations are disabled on a phone to Improve performance. Of course, if you wish you can always activate them. And they will work great on modern phones!
Scroll down for examples

Investment
Management

Functional tattoos are used primarily for a purpose other than aesthetics. One such use is to tattoo Alzheimer patients with their name, so they may be easily identified if they go missing.

Investment
Management

Body text functional tattoos are used primarily for a purpose other than aesthetics. One such use is to tattoo Alzheimer patients with their name, so they may be easily identified if they go missing.

Progressive animation

TOP

Move with Scale (Zoom In)

LEFT

Move with Scale (Zoom In)

RIGHT

Move with Scale (Zoom In)

TOP

Move with Scale (Zoom Out)

BOTTOM

Move with Scale (Zoom Out)

LEFT

Move with Scale (Zoom Out)

RIGHT

Move with Scale (Zoom Out)

TOP

Move from

BOTTOM

Move from

LEFT

Move from

RIGHT

Move from

IN

Scale

OUT

Scale

Immediate animation

TOP

Move with Scale (Zoom In)

LEFT

Move with Scale (Zoom In)

RIGHT

Move with Scale (Zoom In)

TOP

Move with Scale (Zoom Out)

BOTTOM

Move with Scale (Zoom Out)

LEFT

Move with Scale (Zoom Out)

RIGHT

Move with Scale (Zoom Out)

TOP

Move from

BOTTOM

Move from

LEFT

Move from

RIGHT

Move from

IN

Scale

OUT

Scale

Center Aligned
Pin Animation

Pinning will begin when the center of the element aligns with the center of the viewport. Pinning will begin when the center of the element aligns with the center of the viewport.

builder-1
sign-darkblue
photo-18

Top Aligned
Pin Animation

Pinning will begin when the top of the element aligns with the center of the viewport. Pinning will begin when the top of the element aligns with the center of the viewport.

builder-1
sign-darkblue
photo-18

Bottom Aligned
Pin Animation

Pinning will begin when the bottom of the element aligns with the center of the viewport. Pinning will begin when the bottom of the element aligns with the center of the viewport.

builder-1
sign-darkblue
photo-18

Pixels Fixed
Pin Animation

Fixed: 500px

Fixed: 800px

Fixed: 1000px

Fixed: 1500px

Pin Animation with other animation

Pinning will begin when the bottom of the element aligns with the center of the viewport. Pinning will begin when the bottom of the element aligns with the center of the viewport.

Fade in

sign-darkblue

Move with Scale (Zoom In) — Top

sign-darkblue

Move with Scale (Zoom In) — Bottom

sign-darkblue

Move with Scale (Zoom In) — Left

sign-darkblue

Move with Scale (Zoom In) — Right

sign-darkblue

Move with Scale (Zoom Out) — Top

sign-darkblue

Move with Scale (Zoom Out) — Bottom

sign-darkblue

Move with Scale (Zoom Out) — Left

sign-darkblue

Move with Scale (Zoom Out) — Right

sign-darkblue

Move from Top

sign-darkblue

Move from Bottom

sign-darkblue

Move from Left

sign-darkblue

Move from Right

sign-darkblue

Scale In

sign-darkblue

Scale Out

sign-darkblue

Rotate 360

sign-darkblue