Allday HRM - Dashboard Animations

Attention seekers

Basic animations using animate.css

Bounce

Bounce animation using bounce class

Shake

Shake animation using shake class

Flash

Flash animation using flash class

Swing

Swing animation using swing class

Pulse

Pulse animation using pulse class

Tada

Tada animation using tada class

Rubberband

Rubberband using rubberBand class

Wobble

Wobble animation using wobble class

Bouncing entrances

Entrance options for bounce animations

BounceInLeft

Bounce In Left animation using bounceInLeft class

BounceIn

Bounce In animation using bounceIn class

BounceInRight

Bounce In Right animation using bounceInRight class

BounceInUp

Bounce In Up animation using bounceInUp class

BounceInDown

Bounce In Down animation using bounceInDown class

Bouncing exits

Exit options for bounce animations

BounceOutLeft

Bounce Out Left animation using bounceOutLeft class

BounceOut

Bounce Out animation using bounceOut class

BounceOutRight

Bounce Out Right animation using bounceOutRight class

BounceOutUp

Bounce Out Up animation using bounceOutUp class

BounceOutDown

Bounce Out Down animation using bounceOutDown class

Fading entrances

Entrance options for fade animations

FadeIn

Fade In animation using fadeIn class

FadeInLeft

Fade In Left animation using fadeInLeft class

FadeInRight

Fade In Right animation using fadeInRight class

FadeInDown

Fade In Down animation using fadeInDown class

FadeInLeftBig

Fade In Left Big animation using fadeInLeftBig class

FadeInRightBig

Fade In Right Big animation using fadeInRightBig class

FadeInDownBig

Fade In Down Big animation using fadeInDownBig class

FadeInUp

Fade In Up animation using fadeInUp class

FadeInUpBig

Fade In Up Big animation using fadeInUpBig class

Fading exits

Exit options for fade animations

FadeOut

Fade Out animation using fadeOut class

FadeOutLeft

Fade Out Left animation using fadeOutLeft class

FadeOutRight

Fade Out Right animation using fadeOutRight class

FadeOutDown

Fade Out Down animation using fadeOutDown class

FadeOutLeftBig

Fade Out Left Big animation using fadeOutLeftBig class

FadeOutRightBig

Fade Out Right Big animation using fadeOutRightBig class

FadeOutDownBig

Fade Out Down Big animation using fadeOutDownBig class

FadeOutUp

Fade Out Up animation using fadeOutUp class

FadeOutUpBig

Fade Out Up Big animation using fadeOutUpBig class

Flip animations

Options for flip animations

FlipInX

Flip In X animation using flipInX class

Flip

Flip animation using flip class

FlipInY

Flip In Y animation using flipInY class

FlipOutX

Flip Out X animation using flipOutX class

FlipOutY

Flip Out Y animation using flipOutY class

Lightspeed animations

Options for light speed animations

LightSpeedIn

Light Speed In animation using lightSpeedIn class

LightSpeedOut

Light Speed Out animation using lightSpeedOut class

Rotating entrances

Entrance options for rotate animations

RotateInDownLeft

Rotate In Down Left animation using rotateInDownLeft class

RotateIn

Rotate In animation using rotateIn class

RotateInDownRight

Rotate In Down Right animation using rotateInDownRight class

RotateInUpLeft

Rotate In Up Left animation using rotateInUpLeft class

RotateInUpRight

Rotate In Up Right animation using rotateInUpRight class

Rotating exits

Exit options for rotate animations

RotateOutDownLeft

Rotate Out Down Left animation using rotateOutDownLeft class

RotateOut

Rotate Out animation using rotateOut class

RotateOutDownRight

Rotate Out Down Right animation using rotateOutDownRight class

RotateOutUpLeft

Rotate Out Up Left animation using rotateOutUpLeft class

RotateOutUpRight

Rotate Out Up Right animation using rotateOutUpRight class

Special animations

Options for special animations

RollIn

Roll In animation using rollIn class

Hinge

Hinge animation using hinge class

RollOut

Roll Out animation using rollOut class

Zoom entrances

Entrance options for zoom animations

ZoomInLeft

Zoom In Left animation using zoomInLeft class

ZoomIn

Zoom In animation using zoomIn class

ZoomInRight

Zoom In Right animation using zoomInRight class

ZoomInUp

Zoom In Up animation using zoomInUp class

ZoomInDown

Zoom In Down animation using zoomInDown class

Zoom exits

Exit options for zoom animations

ZoomOutLeft

Zoom Out Left animation using zoomOutLeft class

ZoomOut

Zoom Out animation using zoomOut class

ZoomOutRight

Zoom Out Right animation using zoomOutRight class

ZoomOutUp

Zoom Out Up animation using zoomOutUp class

ZoomOutDown

Zoom Out Down animation using zoomOutDown class

Notifications

Animations - CSS3 Animations