banner test fade ins

An example of all fade ins on a banner component, (20 elements in total), triggered on window load. Click on the banner to see the specific single animation.

This is the banner content fade-in--fade
This is the banner content fade-in--fade-up
This is the banner content fade-in--fade-down
This is the banner content fade-in--fade-left
This is the banner content fade-in--fade-right
This is the banner content fade-in--fade
This is the banner content fade-in--fade-up
This is the banner content fade-in--fade-down
This is the banner content fade-in--fade-left
This is the banner content fade-in--fade-right
This is the banner content fade-in--fade
This is the banner content fade-in--fade-up
This is the banner content fade-in--fade-down
This is the banner content fade-in--fade-left
This is the banner content fade-in--fade-right
This is the banner content fade-in--fade
This is the banner content fade-in--fade-up
This is the banner content fade-in--fade-down
This is the banner content fade-in--fade-left
This is the banner content fade-in--fade-right

icon test fade ins

An example of a fade--in-up on icons, looped 25 times, triggered on window load

video test bounce ins

Video with No Meta Data

Video with Preview

Video with Title

Video with Duration

Video with Title and Duration

Video with Preview and Duration

Video with Preview and Title

Video with Preview, Title and Duration

Video with No Meta Data

Video with Preview

Video with Title

Video with Duration

Video with Title and Duration

Video with Preview and Duration

Video with Preview and Title

Video with Preview, Title and Duration

Video with No Meta Data

Video with Preview

Video with Title

Video with Duration