Effects

I added this module because it was an opportunity to experiment with SASS maps. In this case, I have used a sass map to generate a number of classes that, when applied to an element, cause that element to fade in when the page is loaded. The duration of the fade animation depends on the class used.

To apply a fade in animation of arbitrary duration, there is a mixin that accepts duration as a variable.

For now, this is the only effect available. I may add more effects at a later time. I welcome suggestions for particular effects.

Classes

.fade-1x

Applies a fade-in animation of 1000ms duration

.fade-2x

Applies a fade-in animation of 2000ms duration

.fade-3x

Applies a fade-in animation of 3000ms duration