Animation

Continuous

Class	Description	Example
.anim--blink	Blinking animation	Toggle animation
.anim--pulse	Pulsing animation	Toggle animation
.anim--rotate	Rotating animation	Toggle animation

Transitional

Entry animations

Class	Description	Example
Fading
.anim--fade-in	Fade in animation	Test animation
.anim--fade-in-up	Up directional fade in animation	Test animation
.anim--fade-in-down	Down directional fade in animation	Test animation
.anim--fade-in-left	Left directional fade in animation	Test animation
.anim--fade-in-right	Right directional fade in animation	Test animation
.anim--fade-in-grayscale	Fade in gray animation	Test animation
Sliding
.anim--slide-in-down	Down directional slide in animation	Test animation
.anim--slide-in-right	Right directional slide in animation	Test animation
.anim--slide-in-left	Left directional slide in animation	Test animation
.anim--slide-in-left-sm	Left small directional slide in animation	Test animation
Expanding
.anim--expand-in-down-small	Expand in animation	Test animation

Exit animations

Class	Description	Example
Fading
.anim--fade-out	Fade out animation	Test animation
.anim--fade-out-down	Down directional fade out animation	Test animation
.anim--fade-out-up	Up directional fade out animation	Test animation
.anim--fade-out-right	Right directional fade out animation	Test animation
.anim--fade-out-left	Left directional fade out animation	Test animation
.anim--fade-out-grayscale	Fade out gray animation	Test animation
Sliding
.anim--slide-out-up	Up directional slide in animation	Test animation
.anim--slide-out-left	Left directional slide out animation	Test animation
.anim--slide-out-right	Right directional slide out animation	Test animation
.anim--slide-out-right-sm	Right small directional slide in animation	Test animation
Expanding
.anim--expand-out-up-small	Expand out animation	Test animation