Animation

A collection of smooth animations to use within your page.


Fade
Scale Up
Scale Down
Scale Top
Scale Bottom
Slide Left
Slide Right
Slide Top Small
Slide Bottom Small
Slide Left Small
Slide Right Small
Slide Top Medium
Slide Bottom Small
Slide Left Small
Slide Right Small
Shake

Faster modifier

Fade

Ken Burns

Wrap the animation stack with an Utility stack and choose overflow-hidden. You may also set a load target to the image, so images will load based on the viewport visiblity of that element. In this case the Heading above the images was given a class of demo, this class was then entered in the image's target option.
Default
Reverse