# animate-hover.css [![npm version](https://badge.fury.io/js/animate-hover.svg)](https://www.npmjs.com/package/animate-hover) Common CSS helper classes. ### CSS animate-hover Classes Animate Hover: Colección de efectos de animaciones hover CSS3 para aplicar a enlaces, logotipos, imágenes destacadas, etc. Animate hover Aplicalo fácilmente a tus propios elementos, modifica o simplemente utiliza para inspirarte. Disponible en CSS, Sass. ## Install Install with Npm ### npm To install with npm run ```bash $ npm install animate-hover --save ``` ## Basic Usage 1. Include the stylesheet on your document's `` ```html ``` #### for animations based on animate.css ```html ``` 2. Add the class `ahvr-animated animated-box` to the element you want to animate. 3. Finally you need to add one of the following classes: | Class Name | | | | | ----------------- | ------------------ | ------------------- | -------------------- | | `animated-bounce` | `animated-flash` | `animated-pulse` | `animated-rubberBand` | | `animated-shake` | `animated-headShake` | `animated-swing` | `animated-tada` | | `animated-wobble` | `animated-jello` | `animated-bounceIn` | `animated-bounceInDown` | | `animated-bounceInLeft` | `animated-bounceInRight` | `animated-bounceInUp` | `animated-bounceOut` | | `animated-bounceOutDown` | `animated-bounceOutLeft` | `animated-bounceOutRight` | `animated-bounceOutUp` | | `animated-fadeIn` | `animated-fadeInDown` | `animated-fadeInDownBig` | `animated-fadeInLeft` | | `animated-fadeInLeftBig` | `animated-fadeInRight` | `animated-fadeInRightBig` | `animated-fadeInUp` | | `animated-fadeInUpBig` | `animated-fadeOut` | `animated-fadeOutDown` | `animated-fadeOutDownBig` | | `animated-fadeOutLeft` | `animated-fadeOutLeftBig` | `animated-fadeOutRight` | `animated-fadeOutRightBig` | | `animated-fadeOutUp` | `animated-fadeOutUpBig` | `animated-flipInX` | `animated-flipInY` | | `animated-flipOutX` | `animated-flipOutY` | `animated-lightSpeedIn` | `animated-lightSpeedOut` | | `animated-rotateIn` | `animated-rotateInDownLeft` | `animated-rotateInDownRight` | `animated-rotateInUpLeft` | | `animated-rotateInUpRight` | `animated-rotateOut` | `animated-rotateOutDownLeft` | `animated-rotateOutDownRight` | | `animated-rotateOutUpLeft` | `animated-rotateOutUpRight` | `animated-hinge` | `animated-jackInTheBox` | | `animated-rollIn` | `animated-rollOut` | `animated-zoomIn` | `animated-zoomInDown` | | `animated-zoomInLeft` | `animated-zoomInRight` | `animated-zoomInUp` | `animated-zoomOut` | | `animated-zoomOutDown` | `animated-zoomOutLeft` | `animated-zoomOutRight` | `animated-zoomOutUp` | | `animated-slideInDown` | `animated-slideInLeft` | `animated-slideInRight` | `animated-slideInUp` | | `animated-slideOutDown` | `animated-slideOutLeft` | `animated-slideOutRight` | `animated-slideOutUp` | | `animated-heartBeat` | Full example: Animate: All Box ```html

Example

Soccer Team

Best Sports Features

``` Animate: Box Content ```html

Example animated-bounce

Soccer Team

Best Sports Features

```