Animations

Customs

fadeInRight

fadeOutRight

fadeInLeft

fadeOutLeft

expandFrom70to100

reverse-expandFrom70to100

fadeIn

fadeInFromBlackToAlpha40

scaleInFrom92

fadeOut

shake

spin

dialog-open

dialog-close

videoZoomInAndFadeOut

Timing functions

Custom timing functions are declared as @timing-fn-*.

spring

ease-in

ease-out

ease-in-out

Usage

.animated-element { .m-animation(animationName duration timingFunction); }