CSS Animation Effects Boost the potential of your content by using animation effects to attract more visitors. Choose from a variety of pre-configured movements thanks to the Animate.css library. List of effects with Animate.CSS Fadein, duration: 1s, repeat: 3 Bounce, duration: 1s, repeat: 3 Swing, duration: 1s, repeat: 3 Wobble, duration: 1s, repeat: 3 bounceInRight, duration: 1s, repeat: 3 Pulse, duration: 1s, repeat: 3 flash, duration: 1s, repeat: 3 rubberBand, duration: 1s, repeat: 3 shakeX, duration: 1s, repeat: 3 shakeY, duration: 1s, repeat: 3 headShake, duration: 1s, repeat: 3 Tada, duration: 1s, repeat: 3 Jello, duration: 1s, repeat: 3 heartBeat, duration: 1s, repeat: 3 backInDown, duration: 1s, repeat: 3 backInLeft, duration: 1s, repeat: 3 backInRight, duration: 1s, repeat: 3 backInUp, duration: 1s, repeat: 3 backOutDown, duration: 1s, repeat: 3 backOutLeft, duration: 1s, repeat: 3 backOutRight, duration: 1s, repeat: 3 backOutUp, duration: 1s, repeat: 3 bounceIn, duration: 1s, repeat: 3 bounceInDown, duration: 1s, repeat: 3 bounceInLeft, duration: 1s, repeat: 3 bounceInUp, duration: 1s, repeat: 3 bounceOut, duration: 1s, repeat: 3 bounceOutDown, duration: 1s, repeat: 3 bounceOutLeft, duration: 1s, repeat: 3 bounceOutRight, duration: 1s, repeat: 3 bounceOutUp, duration: 1s, repeat: 3 fadeInDown, duration: 1s, repeat: 3 fadeInDownBig, duration: 1s, repeat: 3 fadeInLeft, duration: 1s, repeat: 3 fadeInLeftBig, duration: 1s, repeat: 3 fadeInRight, duration: 1s, repeat: 3 fadeInRightBig, duration: 1s, repeat: 3 fadeInUp, duration: 1s, repeat: 3 fadeInUpBig, duration: 1s, repeat: 3 fadeInTopLeft, duration: 1s, repeat: 3 fadeInTopRight, duration: 1s, repeat: 3 fadeInBottomLeft, duration: 1s, repeat: 3 fadeInBottomRight, duration: 1s, repeat: 3 fadeOut, duration: 1s, repeat: 3 fadeOutDown, duration: 1s, repeat: 3 fadeOutDownBig, duration: 1s, repeat: 3 fadeOutLeft, duration: 1s, repeat: 3 fadeOutLeftBig, duration: 1s, repeat: 3 fadeOutRight, duration: 1s, repeat: 3 fadeOutRightBig, duration: 1s, repeat: 3 fadeOutUp, duration: 1s, repeat: 3 fadeOutUpBig, duration: 1s, repeat: 3 fadeOutTopLeft, duration: 1s, repeat: 3 fadeOutTopRight, duration: 1s, repeat: 3 fadeOutBottomRight, duration: 1s, repeat: 3 fadeOutBottomLeft, duration: 1s, repeat: 3 Flip, duration: 1s, repeat: 3 flipInX, duration: 1s, repeat: 3 flipInY, duration: 1s, repeat: 3 flipOutX, duration: 1s, repeat: 3 flipOutY, duration: 1s, repeat: 3 lightSpeedInRight, duration: 1s, repeat: 3 lightSpeedInLeft, duration: 1s, repeat: 3 lightSpeedOutRight, duration: 1s, repeat: 3 lightSpeedOutLeft, duration: 1s, repeat: 3 rotateIn, duration: 1s, repeat: 3 rotateInDownLeft, duration: 1s, repeat: 3 rotateInDownRight, duration: 1s, repeat: 3 rotateInUpLeft, duration: 1s, repeat: 3 rotateInUpRight, duration: 1s, repeat: 3 rotateOut, duration: 1s, repeat: 3 rotateOutDownLeft, duration: 1s, repeat: 3 rotateOutDownRight, duration: 1s, repeat: 3 rotateOutUpLeft, duration: 1s, repeat: 3 rotateOutUpRight, duration: 1s, repeat: 3 Hinge, duration: 1s, repeat: 3 jackInTheBox, duration: 1s, repeat: 3 rollIn, duration: 1s, repeat: 3 rollOut, duration: 1s, repeat: 3 zoomIn, duration: 1s, repeat: 3 zoomInDown, duration: 1s, repeat: 3 zoomInLeft, duration: 1s, repeat: 3 zoomInRight, duration: 1s, repeat: 3 zoomInUp, duration: 1s, repeat: 3 zoomOut, duration: 1s, repeat: 3 zoomOutDown, duration: 1s, repeat: 3 zoomOutLeft, duration: 1s, repeat: 3 zoomOutRight, duration: 1s, repeat: 3 zoomOutUp, duration: 1s, repeat: 3 slideInDown, duration: 1s, repeat: 3 slideInLeft, duration: 1s, repeat: 3 slideInRight, duration: 1s, repeat: 3 slideInUp, duration: 1s, repeat: 3 slideOutDown, duration: 1s, repeat: 3 slideOutLeft, duration: 1s, repeat: 3 slideOutRight, duration: 1s, repeat: 3 slideOutUp, duration: 1s, repeat: 3