Exercise: Ambient Webpage

Instructions

Create a new repository in Github. In this new website, make 5 ambient, animated webpages.

You will have a link in this page to 5 html files.

These pages should be abstract:
no text or images.

Animate your composition.

The result should be an ambient, looping animation, like a screensaver.
It's a passive website, meant for watching.

Please experiment with some (not all) of the following:

CSS blur
2D transforms
3D transforms
Gradients
CSS Colors
Drawing shapes
Box Shadow
Border radius

References

CSS Shapes
Animation (CSS-Tricks.com)
Animation (W3 Schools)
Keyframes in CSS Animation (if you want to use more than two values)
Multi-Step Animation
Animatable Properties
Vendor Prefix (makes CSS friendly to many different browsers)
Auto Prefixer