1.0.1 • Published 1 year ago
animator-css v1.0.1
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
or just link:
<link rel="stylesheet" href="animator.css">