AnimatorCSS

A bulk of CSS animation classes for eye-candying your page elements.

See examples.html

List of Animation Classes

• animate-moveToLeft
• animate-moveFromLeft
• animate-moveToRight
• animate-moveFromRight
• animate-moveToTop
• animate-moveFromTop
• animate-moveToBottom
• animate-moveFromBottom
• animate-fade
• animate-fade-in
• animate-fade-out
• animate-moveToLeftFade
• animate-moveFromLeftFade
• animate-moveToRightFade
• animate-moveFromRightFade
• animate-moveToTopFade
• animate-moveFromTopFade
• animate-moveToBottomFade
• animate-moveFromBottomFade
• animate-moveToLeftEasing
• animate-moveToRightEasing
• animate-moveToTopEasing
• animate-moveToBottomEasing
• animate-scaleDown
• animate-scaleUp
• animate-scaleUpDown
• animate-scaleDownUp
• animate-scaleDownCenter
• animate-scaleUpCenter
• animate-rotateRightSideFirst
• animate-rotateLeftSideFirst
• animate-rotateTopSideFirst
• animate-rotateBottomSideFirst
• animate-flipOutRight
• animate-flipInLeft
• animate-flipOutLeft
• animate-flipInRight
• animate-flipOutTop
• animate-flipInBottom
• animate-flipOutBottom
• animate-flipInTop
• animate-rotateFall
• animate-rotateOutNewspaper
• animate-rotateInNewspaper
• animate-rotatePushLeft
• animate-rotatePushRight
• animate-rotatePushTop
• animate-rotatePushBottom
• animate-rotatePullRight
• animate-rotatePullLeft
• animate-rotatePullTop
• animate-rotatePullBottom
• animate-rotateFoldRight
• animate-rotateFoldLeft
• animate-rotateFoldTop
• animate-rotateFoldBottom
• animate-rotateUnfoldLeft
• animate-rotateUnfoldRight
• animate-rotateUnfoldTop
• animate-rotateUnfoldBottom
• animate-rotateRoomLeftOut
• animate-rotateRoomLeftIn
• animate-rotateRoomRightOut
• animate-rotateRoomRightIn
• animate-rotateRoomTopOut
• animate-rotateRoomTopIn
• animate-rotateRoomBottomOut
• animate-rotateRoomBottomIn
• animate-rotateCubeLeftOut
• animate-rotateCubeLeftIn
• animate-rotateCubeRightOut
• animate-rotateCubeRightIn
• animate-rotateCubeTopOut
• animate-rotateCubeTopIn
• animate-rotateCubeBottomOut
• animate-rotateCubeBottomIn
• animate-rotateCarouselLeftOut
• animate-rotateCarouselLeftIn
• animate-rotateCarouselRightOut
• animate-rotateCarouselRightIn
• animate-rotateCarouselTopOut
• animate-rotateCarouselTopIn
• animate-rotateCarouselBottomOut
• animate-rotateCarouselBottomIn
• animate-rotateSidesOut
• animate-rotateSidesIn
• animate-rotateSlideOut
• animate-rotateSlideIn

Delays

• animate-delay100
• animate-delay180
• animate-delay200
• animate-delay300
• animate-delay400
• animate-delay500
• animate-delay700
• animate-delay1000

Installation

npm i animator-css

or just link:

<link rel="stylesheet" href="animator.css">