Showing preview only (469K chars total). Download the full file or copy to clipboard to get everything.
Repository: IanLunn/Hover
Branch: master
Commit: eb8629df1385
Files: 243
Total size: 413.7 KB
Directory structure:
gitextract_20afx48d/
├── .editorconfig
├── .gitignore
├── CONTRIBUTING.md
├── Gruntfile.js
├── HISTORY.md
├── README.md
├── bower.json
├── css/
│ ├── demo-page.css
│ ├── hover-min.css
│ └── hover.css
├── index.html
├── less/
│ ├── _hacks.less
│ ├── _mixins.less
│ ├── _options.less
│ ├── effects/
│ │ ├── 2d-transitions/
│ │ │ ├── _backward.less
│ │ │ ├── _bob.less
│ │ │ ├── _bounce-in.less
│ │ │ ├── _bounce-out.less
│ │ │ ├── _buzz-out.less
│ │ │ ├── _buzz.less
│ │ │ ├── _float.less
│ │ │ ├── _forward.less
│ │ │ ├── _grow-rotate.less
│ │ │ ├── _grow.less
│ │ │ ├── _hang.less
│ │ │ ├── _pop.less
│ │ │ ├── _pulse-grow.less
│ │ │ ├── _pulse-shrink.less
│ │ │ ├── _pulse.less
│ │ │ ├── _push.less
│ │ │ ├── _rotate.less
│ │ │ ├── _shrink.less
│ │ │ ├── _sink.less
│ │ │ ├── _skew-backward.less
│ │ │ ├── _skew-forward.less
│ │ │ ├── _skew.less
│ │ │ ├── _wobble-bottom.less
│ │ │ ├── _wobble-horizontal.less
│ │ │ ├── _wobble-skew.less
│ │ │ ├── _wobble-to-bottom-right.less
│ │ │ ├── _wobble-to-top-right.less
│ │ │ ├── _wobble-top.less
│ │ │ └── _wobble-vertical.less
│ │ ├── background-transitions/
│ │ │ ├── _back-pulse.less
│ │ │ ├── _bounce-to-bottom.less
│ │ │ ├── _bounce-to-left.less
│ │ │ ├── _bounce-to-right.less
│ │ │ ├── _bounce-to-top.less
│ │ │ ├── _fade.less
│ │ │ ├── _radial-in.less
│ │ │ ├── _radial-out.less
│ │ │ ├── _rectangle-in.less
│ │ │ ├── _rectangle-out.less
│ │ │ ├── _shutter-in-horizontal.less
│ │ │ ├── _shutter-in-vertical.less
│ │ │ ├── _shutter-out-horizontal.less
│ │ │ ├── _shutter-out-vertical.less
│ │ │ ├── _sweep-to-bottom.less
│ │ │ ├── _sweep-to-left.less
│ │ │ ├── _sweep-to-right.less
│ │ │ └── _sweep-to-top.less
│ │ ├── border-transitions/
│ │ │ ├── _border-fade.less
│ │ │ ├── _hollow.less
│ │ │ ├── _outline-in.less
│ │ │ ├── _outline-out.less
│ │ │ ├── _overline-from-center.less
│ │ │ ├── _overline-from-left.less
│ │ │ ├── _overline-from-right.less
│ │ │ ├── _overline-reveal.less
│ │ │ ├── _reveal.less
│ │ │ ├── _ripple-in.less
│ │ │ ├── _ripple-out.less
│ │ │ ├── _round-corners.less
│ │ │ ├── _trim.less
│ │ │ ├── _underline-from-center.less
│ │ │ ├── _underline-from-left.less
│ │ │ ├── _underline-from-right.less
│ │ │ └── _underline-reveal.less
│ │ ├── curls/
│ │ │ ├── _curl-bottom-left.less
│ │ │ ├── _curl-bottom-right.less
│ │ │ ├── _curl-top-left.less
│ │ │ └── _curl-top-right.less
│ │ ├── icons/
│ │ │ ├── _icon-back.less
│ │ │ ├── _icon-bob.less
│ │ │ ├── _icon-bounce-out.less
│ │ │ ├── _icon-bounce.less
│ │ │ ├── _icon-buzz-out.less
│ │ │ ├── _icon-buzz.less
│ │ │ ├── _icon-down.less
│ │ │ ├── _icon-drop.less
│ │ │ ├── _icon-fade.less
│ │ │ ├── _icon-float-away.less
│ │ │ ├── _icon-float.less
│ │ │ ├── _icon-forward.less
│ │ │ ├── _icon-grow-rotate.less
│ │ │ ├── _icon-grow.less
│ │ │ ├── _icon-hang.less
│ │ │ ├── _icon-pop.less
│ │ │ ├── _icon-pulse-grow.less
│ │ │ ├── _icon-pulse-shrink.less
│ │ │ ├── _icon-pulse.less
│ │ │ ├── _icon-push.less
│ │ │ ├── _icon-rotate.less
│ │ │ ├── _icon-shrink.less
│ │ │ ├── _icon-sink-away.less
│ │ │ ├── _icon-sink.less
│ │ │ ├── _icon-spin.less
│ │ │ ├── _icon-up.less
│ │ │ ├── _icon-wobble-horizontal.less
│ │ │ └── _icon-wobble-vertical.less
│ │ ├── shadow-and-glow-transitions/
│ │ │ ├── _box-shadow-inset.less
│ │ │ ├── _box-shadow-outset.less
│ │ │ ├── _float-shadow.less
│ │ │ ├── _glow.less
│ │ │ ├── _grow-shadow.less
│ │ │ ├── _shadow-radial.less
│ │ │ └── _shadow.less
│ │ └── speech-bubbles/
│ │ ├── _bubble-bottom.less
│ │ ├── _bubble-float-bottom.less
│ │ ├── _bubble-float-left.less
│ │ ├── _bubble-float-right.less
│ │ ├── _bubble-float-top.less
│ │ ├── _bubble-left.less
│ │ ├── _bubble-right.less
│ │ └── _bubble-top.less
│ └── hover.less
├── license.txt
├── package.json
└── scss/
├── _hacks.scss
├── _mixins.scss
├── _options.scss
├── effects/
│ ├── 2d-transitions/
│ │ ├── _backward.scss
│ │ ├── _bob.scss
│ │ ├── _bounce-in.scss
│ │ ├── _bounce-out.scss
│ │ ├── _buzz-out.scss
│ │ ├── _buzz.scss
│ │ ├── _float.scss
│ │ ├── _forward.scss
│ │ ├── _grow-rotate.scss
│ │ ├── _grow.scss
│ │ ├── _hang.scss
│ │ ├── _pop.scss
│ │ ├── _pulse-grow.scss
│ │ ├── _pulse-shrink.scss
│ │ ├── _pulse.scss
│ │ ├── _push.scss
│ │ ├── _rotate.scss
│ │ ├── _shrink.scss
│ │ ├── _sink.scss
│ │ ├── _skew-backward.scss
│ │ ├── _skew-forward.scss
│ │ ├── _skew.scss
│ │ ├── _wobble-bottom.scss
│ │ ├── _wobble-horizontal.scss
│ │ ├── _wobble-skew.scss
│ │ ├── _wobble-to-bottom-right.scss
│ │ ├── _wobble-to-top-right.scss
│ │ ├── _wobble-top.scss
│ │ └── _wobble-vertical.scss
│ ├── background-transitions/
│ │ ├── _back-pulse.scss
│ │ ├── _bounce-to-bottom.scss
│ │ ├── _bounce-to-left.scss
│ │ ├── _bounce-to-right.scss
│ │ ├── _bounce-to-top.scss
│ │ ├── _fade.scss
│ │ ├── _radial-in.scss
│ │ ├── _radial-out.scss
│ │ ├── _rectangle-in.scss
│ │ ├── _rectangle-out.scss
│ │ ├── _shutter-in-horizontal.scss
│ │ ├── _shutter-in-vertical.scss
│ │ ├── _shutter-out-horizontal.scss
│ │ ├── _shutter-out-vertical.scss
│ │ ├── _sweep-to-bottom.scss
│ │ ├── _sweep-to-left.scss
│ │ ├── _sweep-to-right.scss
│ │ └── _sweep-to-top.scss
│ ├── border-transitions/
│ │ ├── _border-fade.scss
│ │ ├── _hollow.scss
│ │ ├── _outline-in.scss
│ │ ├── _outline-out.scss
│ │ ├── _overline-from-center.scss
│ │ ├── _overline-from-left.scss
│ │ ├── _overline-from-right.scss
│ │ ├── _overline-reveal.scss
│ │ ├── _reveal.scss
│ │ ├── _ripple-in.scss
│ │ ├── _ripple-out.scss
│ │ ├── _round-corners.scss
│ │ ├── _trim.scss
│ │ ├── _underline-from-center.scss
│ │ ├── _underline-from-left.scss
│ │ ├── _underline-from-right.scss
│ │ └── _underline-reveal.scss
│ ├── curls/
│ │ ├── _curl-bottom-left.scss
│ │ ├── _curl-bottom-right.scss
│ │ ├── _curl-top-left.scss
│ │ └── _curl-top-right.scss
│ ├── icons/
│ │ ├── _icon-back.scss
│ │ ├── _icon-bob.scss
│ │ ├── _icon-bounce-out.scss
│ │ ├── _icon-bounce.scss
│ │ ├── _icon-buzz-out.scss
│ │ ├── _icon-buzz.scss
│ │ ├── _icon-down.scss
│ │ ├── _icon-drop.scss
│ │ ├── _icon-fade.scss
│ │ ├── _icon-float-away.scss
│ │ ├── _icon-float.scss
│ │ ├── _icon-forward.scss
│ │ ├── _icon-grow-rotate.scss
│ │ ├── _icon-grow.scss
│ │ ├── _icon-hang.scss
│ │ ├── _icon-pop.scss
│ │ ├── _icon-pulse-grow.scss
│ │ ├── _icon-pulse-shrink.scss
│ │ ├── _icon-pulse.scss
│ │ ├── _icon-push.scss
│ │ ├── _icon-rotate.scss
│ │ ├── _icon-shrink.scss
│ │ ├── _icon-sink-away.scss
│ │ ├── _icon-sink.scss
│ │ ├── _icon-spin.scss
│ │ ├── _icon-up.scss
│ │ ├── _icon-wobble-horizontal.scss
│ │ └── _icon-wobble-vertical.scss
│ ├── shadow-and-glow-transitions/
│ │ ├── _box-shadow-inset.scss
│ │ ├── _box-shadow-outset.scss
│ │ ├── _float-shadow.scss
│ │ ├── _glow.scss
│ │ ├── _grow-shadow.scss
│ │ ├── _shadow-radial.scss
│ │ └── _shadow.scss
│ └── speech-bubbles/
│ ├── _bubble-bottom.scss
│ ├── _bubble-float-bottom.scss
│ ├── _bubble-float-left.scss
│ ├── _bubble-float-right.scss
│ ├── _bubble-float-top.scss
│ ├── _bubble-left.scss
│ ├── _bubble-right.scss
│ └── _bubble-top.scss
└── hover.scss
================================================
FILE CONTENTS
================================================
================================================
FILE: .editorconfig
================================================
# editorconfig.org
root = true
[*]
charset = utf-8
end_of_line = lf
indent_size = 2
indent_style = tab
insert_final_newline = true
trim_trailing_whitespace = true
[*.md]
trim_trailing_whitespace = false
================================================
FILE: .gitignore
================================================
lib-cov
*.seed
*.log
*.csv
*.dat
*.out
*.pid
*.gz
pids
logs
results
npm-debug.log
node_modules
.sass-cache
.DS_Store
================================================
FILE: CONTRIBUTING.md
================================================
# Contributing to Hover.css
Thanks for considering to contribute to Hover.css. To improve your chances of having your hard work merged into Hover.css, here's a quick guide.
## Guidelines for Effects
1. Effects should work with only one HTML element. This way, developers only need add a class to their element for your fancy effect to work on their page. CSS pseudo-elements are perfectly acceptable as they don't require additional changes to HTML.
2. Aim to provide subtle effects that enhance user experience.
3. Hover.css is available in Sass, LESS, and CSS formats. If you can, please submit your effects in as many of these formats as possible. Don't worry if you're unfamiliar with any though, we'll convert them for you.
4. Try not to use transitions and animations together on the same effect, [we've found this is buggy in Webkit/Blink browsers](https://github.com/IanLunn/Hover/issues/24).
5. Consider submitting an effect that is paired with an opposite, for example: `Bounce In`/`Bounce Out`, `Float`/`Sink`, `Icon Back`/`Icon Forward`.
## Browser Testing Effects
The Hover.css project attempts to deliver effects that work in the latest versions of modern browsers (Firefox, Chrome, Safari, Opera, Internet Explorer 10+), as well as providing simple CSS fixes for older browsers where possible (a fallback color when `rgba()` is used for example).
Fallbacks for older browsers are the responsibility of the developer adding Hover.css to their page, as described in the README's [Browser Support section](https://github.com/IanLunn/Hover#browser-support).
Please be certain any effects you submit at least work in the latest versions of modern browsers, and advise us accordingly if that is not the case.
================================================
FILE: Gruntfile.js
================================================
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
version: {
json: {
src: ['package.json']
},
css: {
options: {
prefix: 'Version[:=]\\s*'
},
src: ['css/hover.css', 'scss/hover.scss', 'less/hover.less']
}
},
sass: {
dist: {
options: {
style: 'expanded'
},
files: {
'css/hover.css': 'scss/hover.scss'
}
}
},
less: {
dist: {
options: {
style: 'expanded'
},
files: {
'css/hover.css': 'less/hover.less'
}
}
},
cssmin: {
combine: {
files: {
'css/hover-min.css': ['css/hover.css']
}
}
},
watch: {
options: {
livereload: true,
},
reload: {
files: ['*.html', 'css/*.css'],
options: {
spawn: false
}
},
scss: {
files: ['scss/**/*.scss'],
tasks: ['sass', 'cssmin'],
options: {
spawn: false
}
},
less: {
files: ['less/**/*.less'],
tasks: ['less', 'cssmin'],
options: {
spawn: false
}
},
version: {
files: ['package.json'],
tasks: ['version'],
options: {
spawn: false
}
}
},
connect: {
server: {
options: {
livereload: true,
hostname: '0.0.0.0',
port: 8000,
base: './'
}
}
},
});
require('load-grunt-tasks')(grunt);
grunt.registerTask('default', ['connect', 'watch']);
};
================================================
FILE: HISTORY.md
================================================
## 2.0.2 - Jan 27, 2015
- Added `back-pulse` effect
## 2.0.1 - Jan 26, 2015
- Added `includeClasses` option to Sass/LESS so you can now generate CSS with or without Hover.css default class names
- Added `!default` flags to Sass variables in `_options.scss`
## 2.0.0 - Jan 7, 2015
- Added lots of new effects
- Added LESS support
- Prefixed all effect names with `hvr-` (can be changed in `scss/_options.scss`)
- Updated some effects for better performance and/or browser support
- Moved default button styles out of library
- Moved all effects into sub folders with the name of the category they belong to
- Renamed `hover` and `hover shadow` effects to `bob` and `bob shadow`
- Removed `hover shadow` effect due to browser inconsistencies courtesy of [this Webkit/Blink bug](https://github.com/IanLunn/Hover/issues/24) which can't be worked around
- Updated `bob` (formerly `hover`) and `hang` effects to work around [this WebKit/Blink bug](https://github.com/IanLunn/Hover/issues/24)
- Change default `animation-timing-function` and `transition-timing-function` values for various effects
- Changed all instances of 'colour' to 'color'
- Added small amount of JS to demo page to prevent `<a href="#"></a>` elements from navigating (not required for hover.css to work)
- Added "What's Included?" section to README.md
================================================
FILE: README.md
================================================
# Hover.css
<a href="https://www.buymeacoffee.com/ianlunn" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/lato-blue.png" alt="Buy Me A Coffee" style="height: 51px !important;width: 217px !important;" width="217" height="51" ></a>
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
[Demo](http://ianlunn.github.io/Hover) |
[Tutorial](http://ianlunn.co.uk/articles/hover-css-tutorial-introduction/)
## Contents
- [Download/Install](#downloadinstall)
- [How To Use](#how-to-use)
- [A. Copy and Paste an Effect](#a-copy-and-paste-an-effect)
- [B. Reference Hover.css](#b-reference-hovercss)
- [A Note on the display property](#a-note-on-the-display-property)
- [Using Icon Effects](#using-icon-effects)
- [What's Included?](#whats-included)
- [css](#css)
- [scss/less](#scssless)
- [Other](#other)
- [Browser Support](#browser-support)
- [Using Grunt for Development](#using-grunt-for-development)
- [Using Sass/LESS for Development](#using-sassless-for-development)
- [_hacks](#\_hacks)
- [_mixins](#\_mixins)
- [_options](#\_options)
- [Contribute to Hover.css](#contribute-to-hovercss)
- [Licenses](#licenses)
- [Commercial License](#commercial-license)
- [Open-Source License](#open-source-license)
- [Hire Ian Lunn](#hire-ian-lunn)
## Download/Install
- NPM: `npm install hover.css --save`
- Bower: `bower install hover --save`
- [Download Zip](https://github.com/IanLunn/Hover/archive/master.zip)
## How To Use
Hover.css can be used in a number of ways; either copy and paste the effect you'd like to use in your own stylesheet or reference the stylesheet. Then just add the class name of the effect to the element you'd like it applied to.
### A. Copy and Paste an Effect
If you plan on only using one or several effects, it's better practice to copy and paste an effect into your own stylesheet, so a user doesn't have to download `css/hover.css` in its entirety.
Assuming you want to use the Grow effect:
1. Download Hover.css
2. In `css/hover.css`, find the Grow CSS (each effect is named using a comment above it):
```css
/* Grow */
.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.1);
}
```
3. Copy this effect and then paste it into your own stylesheet.
4. In the HTML file which you'd like the effect to appear, add the class of `.hvr-grow` to your chosen element.
Example element before applying Hover.css effect:
```html
<a href="#">Add to Basket</a>
```
Example element after applying Hover.css effect:
```html
<a href="#" class="hvr-grow">Add to Basket</a>
```
**Note**: As of `2.0.0` all Hover.css class names are prefixed with `hvr-` to prevent conflicts with other libraries/stylesheets. If using Sass/LESS, this can easily be changed using the `$nameSpace`/`@nameSpace` variable in `scss/_options.scss` or `less/_options.less`.
### B. Reference Hover.css
If you plan on using many Hover.css effects, you may like to reference the entire Hover.css stylesheet.
1. Download `hover-min.css`
2. Add `hover-min.css` to your websites files, in a directory named `css` for example
3. Reference `hover-min.css` in `<head>` of the HTML page you'd like to add Hover.css effects to:
```html
<head>
<link href="css/hover-min.css" rel="stylesheet">
</head>
```
Alternatively you can add a reference into an existing stylesheet like so (this may be useful to WordPress users who are unable to edit HTML):
```css
@import url("hover-min.css");
```
4. Assuming you want to use the Grow effect, in the HTML file you'd like to use this effect, add the class of `.hvr-grow` to your chosen element.
Example element before applying Hover.css effect:
```html
<a href="#" class="button">Add to Basket</a>
```
Example element after applying Hover.css effect:
```html
<a href="#" class="button hvr-grow">Add to Basket</a>
```
### A Note on the `display` Property
To make an element "transformable", Hover.css gives the following to all elements it is applied to:
```css
display: inline-block;
vertical-align: middle;
```
Should you wish to override this behavior, either remove the above CSS from Hover.css or change the `display` property for the element. Be sure to declare the override after the Hover.css declarations so the CSS cascade will take effect. Alternatively, if you are using the Sass/LESS version of Hover.css, you can remove/comment out the `forceBlockLevel()` mixin found in `scss/_hacks.scss` or `less/_hacks.less`.
For more information about Transformable elements, see the [CSS Transforms Module](http://www.w3.org/TR/css3-transforms/#transformable-element).
### Using Icon Effects
To add a Hover.css icon, place the icon HTML inside the element that a Hover.css effect is applied to. For example:
```
<a href="#" class="hvr-icon-forward">
Icon Forward
<i class="fa fa-chevron-circle-right hvr-icon"></i>
</a>
```
In the above code, we have given a link element a class of `hvr-icon-forward` which will make an icon move forward when the link is hovered over. The icon itself is given a class of `hvr-icon` to let Hover.css know that this is the icon we want to animate. In this example, our icon is from FontAwesome, which we've loaded into the `<head></head>` of our web page as per FontAwesome's instructions, like so:
```html
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" media="all">
```
Note: As of Hover.css v2.3.0 you can use any method you like for adding icons (previously, only FontAwesome was supported out-of-the-box.) For example, you could use another icon library or instead, use an image like so:
```
<a href="#" class="hvr-icon-spin">
Icon Spin
<img src="myicon.svg" class="hvr-icon" />
</a>
```
Here, the image will act as the icon because it has the `hvr-icon` class applied to it, and when hovered over, the icon will spin as defined by the `hvr-icon-spin` class on the parent element.
Position of the icon is entirely in your control. You could place it before the text, like so:
```
<a href="#" class="hvr-icon-spin">
<img src="myicon.svg" class="hvr-icon" />
Icon Spin
</a>
```
Or use custom CSS to position the icon as you see fit.
## What's Included?
The project consists of the following folders and files:
### css
- **demo-page.css** - Contains styles to demonstrate Hover. Not required in your projects
- **hover-min.css** - The minified/production version of Hover.css
- **hover.css** - The development version of Hover.css
### scss/less
- **effects** - Contains each individual effect sorted into categorized folders
- **_hacks.scss/_hacks.less, _mixins.scss/_mixins.less, _options.scss/_options.less** - Sass/LESS Utilities
- **hover.scss/hover.less** - Development version of Hover.css in Sass and LESS flavours
### Other
Other files of note include:
- **index.html** - Demonstrates all Hover.css effects
- **Gruntfile.js** - Used for [development of Hover.css via Grunt](#using-grunt-for-development).
## Browser Support
Many Hover.css effects rely on CSS3 features such as transitions, animations, transforms and pseudo-elements, for that reason, effects may not fully work in older browsers.
- [Transitions](http://caniuse.com/#search=transitions) and [Animations](http://caniuse.com/#search=animations) - not supported below Internet Explorer 10
- [Transforms](http://caniuse.com/#search=transforms) - not supported below Internet Explorer 9
- [Generated Content (pseudo-elements)](http://caniuse.com/#search=pseudo-elements) - not supported below Internet Explorer 8
Aside from the above mentioned browsers, Hover.css is supported across all major browsers. Please see [caniuse.com](http://caniuse.com/) for full support for many web technologies and test your webpages accordingly. It is recommended to apply fallback effects for older browsers, using CSS supported by those browsers or a feature testing library such as [Modernizr](http://modernizr.com/).
## Using Grunt for Development
Grunt is non-essential but can speed up development. With [Grunt installed](http://gruntjs.com/getting-started), run `grunt` from the command line to set up a development server accessed at [http://127.0.0.1:8000/](http://127.0.0.1:8000/) or your local IP for network testing. With Grunt running, Sass or LESS will be preprocessed (depending on whether you work out of the `scss` or `less` folder) and CSS files will be minified.
**Note:** Originally Grunt was set up to autoprefix CSS properties but to make the project as accessible as possible, this is no longer the case. The `prefixed(property, value)` Sass/LESS mixin should be used for browser prefixing instead. See [Using Sass/LESS for Development](#using-sassless-for-development) and [Using LESS for Development].
## Using Sass/LESS for Development
Sass/LESS are non-essential but can speed up development. Preprocess Sass/LESS with your favourite software or the environment provided via [Grunt](#using-grunt-for-development).
Sass/LESS is used in the Hover.css project to separate various CSS into specific files. Each effect is within its own file in the `effects` directory. Hover.css also uses the following `.scss` and `.less` files:
### _hacks
Contains hacks (undesirable but usually necessary lines of code) applied to certain effects. [Hacks explained here](https://github.com/IanLunn/Hover/wiki/Hacks-Explained).
### _mixins
Contains `prefixed` and `keyframes` mixins that apply the necessary prefixes you specify in `_options.scss` / `_options.less` to properties and keyframes.
Properties can be prefixed like so:
- Sass:
```css
@include prefixed(transition-duration, .3s);
```
- LESS:
```css
.prefixed(transition-duration, .3s);
```
The `prefixed` mixin is passed the property you want to prefix, followed by its value.
Keyframes can be prefixed like so:
- Sass:
```css
@include keyframes(my-animation) {
to {
color: red;
}
}
```
The `keyframes` mixin is passed the keyframe name, followed by the content using the @content directive.
- LESS:
```css
.keyframes(my-animation, {
to {
color: red;
}
});
```
The `keyframes` mixin is passed the keyframe name, followed by the content, both as arguments.
### _options
Contains default options, various effect options and the browser prefixes you'd like to use with the `prefixed` mixin. By default, only the `-webkit-` prefix is set to `true` (due to most browsers not requiring prefixes now).
As of `2.0.0`, `_options` also includes a `$nameSpace` / `@nameSpace` option which allows you to change the name all classes are prefixed with. The default namespace is `hvr`.
The `$includeClasses` / `@includeClasses` option by default is set to `true` and will generate all Hover.css effects under their own class names, `hvr-grow` for example. Should you wish to add the properties that make up Hover.css effects to your own class names, set this option to `false`.
## Contribute to Hover.css
If you'd like to contribute your own effects, please see the [Contributing Guide](https://github.com/IanLunn/Hover/blob/master/CONTRIBUTING.md).
## Licenses
Hover.css is made available under a free personal/open source or paid commercial licenses depending on your requirements. To compare licenses please visit the [Ian Lunn Design Limited Store](https://ianlunn.co.uk/store/licenses/) and [purchase a commercial license here](https://ianlunn.co.uk/store/hover-css/).
### Personal/Open Source
For personal/open source use, Hover.css is made available under a [MIT license](https://opensource.org/licenses/MIT)
- Use in unlimited personal applications
- Your application can't be sold
- Your modifications remain open-source
- Free updates
[Read full license](https://ianlunn.co.uk/store/licenses/personal/)
### Commercial
For commercial use, Hover.css is made available under Commercial, Extended Commercial, and OEM Commercial licenses.
#### Commercial License
- Use in 1 application
- Sell your application once only (e.g. a website sold to a client)
- Your code is kept proprietary, to yourself
- Free updates to the major version
[Purchase](https://ianlunn.gumroad.com/l/hover-css-extended-commercial) | [Read full license](https://ianlunn.co.uk/store/licenses/commercial/)
#### Extended Commercial License
- Use in unlimited applications
- Sell your applications an unlimited number of times (e.g. a website template sold on a theme store)*
- Your code is kept proprietary, to yourself
- Free updates to the major version
*With the exception of applications that allow end users to produce separate applications. See the OEM Commercial License.
[Purchase](https://ianlunn.gumroad.com/l/hover-css-commercial) | [Read full license](https://ianlunn.co.uk/store/licenses/extended-commercial/)
#### OEM Commercial License
Should your application enable end users to produce separate applications that incorporate Ian Lunn Design Limited's software, for example, a development toolkit, library, or application builder, you must obtain an OEM Commercial License. Please [contact us](https://ianlunn.co.uk/contact/) for more information about the OEM Commercial License.
### MIT License (Pre v2.2.0 / 24th March 2017)
Hover.css was previously made available under a MIT License for both commercial and non-commercial use. Anyone that obtained a MIT license for commercial use before v2.2.0 (24th March 2017) may continue to use Hover.css versions prior to v2.2.0 under that same license.
If you'd like to upgrade to v2.2.0 or above, or would like to simply show your support for Hover.css (we'd much appreciate it!), please purchase an up-to-date commercial license. [Purchase a Commercial License](https://ianlunn.co.uk/store/hover-css/).
## Hire Ian Lunn
[Ian Lunn](http://ianlunn.co.uk) is a Freelance Front-end Developer and author of [CSS3 Foundations](http://css3foundations.com/).
Hire [Ian](http://ianlunn.co.uk) for responsive websites, WordPress websites, JavaScript, animation, and optimization.
================================================
FILE: bower.json
================================================
{
"name": "hover",
"homepage": "http://ianlunn.github.io/Hover",
"authors": [
"Ian Lunn <hello@ianlunn.co.uk>"
],
"description": "A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.",
"main": "css/hover.css",
"keywords": [
"Hover",
"hover",
"hover.css",
"Hover Effects",
"CSS Effects",
"CSS3 Effects",
"CSS Hover Effects",
"CSS3 Hover Effects"
],
"license": "SEE LICENSE IN LICENSE.txt",
"private": false,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
]
}
================================================
FILE: css/demo-page.css
================================================
/*
* Hover.css - Demo Page
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover
* Hover.css Copyright Ian Lunn 2017.
*/
/**
* The following are default styles for the demo page,
* you don't need to include these on your own site.
*/
@import url(http://fonts.googleapis.com/css?family=Roboto);
body {
margin: 0;
padding: 40px 0 0 0;
font-family: sans-serif;
color: #333;
line-height: 140%;
}
hr {
margin-top: 2em;
background-color: #ddd;
border: none;
height: 1px;
}
nav ul {
margin: 0;
padding: 0;
text-align: center;
font-size: .875em;
font-weight: 700;
}
nav li {
list-style: none;
display: block;
margin-left: 1em;
margin-right: 1em;
}
@media only screen and (min-width: 768px) {
nav li {
display: inline-block;
}
}
.sep {
color: #ddd;
margin: 0 4px;
}
#carbonads {
--width: 180px;
--font-size: 14px;
}
#carbonads {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
display: block;
overflow: hidden;
margin: 0 auto;
margin-bottom: 20px;
max-width: var(--width);
border-radius: 4px;
text-align: center;
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .1);
background-color: hsl(0, 0%, 98%);
font-size: var(--font-size);
line-height: 1.5;
}
#carbonads a {
color: inherit;
text-decoration: none;
}
#carbonads a:hover {
color: inherit;
}
#carbonads span {
position: relative;
display: block;
overflow: hidden;
}
.carbon-img {
display: block;
margin-bottom: 8px;
max-width: var(--width);
line-height: 1;
}
.carbon-img img {
display: block;
margin: 0 auto;
max-width: var(--width) !important;
width: var(--width);
height: auto;
}
.carbon-text {
display: block;
padding: 0 1em 8px;
}
.carbon-poweredby {
display: block;
padding: 10px var(--font-size);
background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 600;
font-size: 9px;
line-height: 0;
}
@media only screen and (min-width: 320px) and (max-width: 759px) {
#carbonads {
float: none;
margin: 0 auto;
max-width: 330px;
}
#carbonads span {
position: relative;
}
#carbonads > span {
max-width: none;
}
.carbon-img {
float: left;
margin: 0;
}
.carbon-img img {
max-width: 130px !important;
}
.carbon-text {
float: left;
margin-bottom: 0;
padding: 8px 20px;
text-align: left;
max-width: calc(100% - 130px - 3em);
}
.carbon-poweredby {
left: 130px;
bottom: 0;
display: block;
width: 100%;
}
}
.main {
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
}
.browsehappy {
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 1em;
background: black;
color: white;
text-align: center;
}
img {
border: none;
}
small {
display: block;
}
p,
[class^="hvr-"] {
font-family: 'Roboto', sans-serif;
}
[class^="hvr-"] {
margin: .4em;
padding: 1em;
cursor: pointer;
background: #e1e1e1;
text-decoration: none;
color: #666;
/* Prevent highlight colour when element is tapped */
-webkit-tap-highlight-color: rgba(0,0,0,0);
/* Smooth fonts */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.aligncenter {
text-align: center;
}
.sup {
vertical-align: super;
margin-left: -1em;
padding: .21875em;
line-height: 100%;
font-size: .21875em;
border: #eee solid 1px;
border-radius: 4px;
color: inherit;
}
.sup:hover {
background: #eee;
}
a {
color: #2098D1;
text-decoration: none;
}
.footer a:hover,
.nav:hover {
color: #207AD1;
}
.nav {
display: inline-block;
font-size: .8em;
}
.nav.hvr-icon-down,
.nav.hvr-icon-forward {
padding-right: 1.2em;
}
.nav.hvr-icon-down::before,
.nav.hvr-icon-forward::before {
right: 0;
}
.nav:hover,
.nav:focus,
.nav:active {
text-decoration: none;
}
.intro {
max-width: 680px;
margin: 20px auto 0 auto;
}
.button.cta {
display: inline-block;
position: relative;
margin: 1.2em 0 1em 0;
padding: 1em;
background: #2098D1;
border: none;
text-decoration: none;
font-weight: 700;
color: white;
}
.effects {
margin-top: 6em;
}
h1 {
text-align: center;
font-size: 3em;
}
h2 {
margin-top: 2em;
}
h3 {
margin: 0;
}
.about {
border-top: #333 solid 2px;
border-bottom: #333 solid 2px;
}
.footer {
overflow: hidden;
width: auto;
margin-top: 6em;
font-size: .9em;
}
.footer a {
text-decoration: none;
}
.credit {
font-size: .8em;
font-weight: normal;
}
.licenses {
margin-top: 40px;
margin-bottom: 60px;
}
.licenses:after {
display: block;
content: '';
clear: both;
}
.license {
display: block !important;
margin-bottom: 20px;
text-align: center;
border: #2098D1 solid 1px;
}
.license:focus,
.license:hover {
border-color: #207AD1;
}
.license:focus .button,
.license:hover .button {
background-color: #207AD1;
color: white;
}
.license__content {
padding: 25px 10px;
}
.license__title {
margin: 0;
font-size: 28px;
line-height: 1.4;
}
.license__title div {
font-size: 16px;
font-weight: 400;
}
.license__desc {
margin-top: 30px;
margin-bottom: 0;
font-size: 22px;
font-weight: 700;
}
.license__button.cta {
display: block;
margin: 0;
font-size: 22px;
}
@media only screen and (min-width: 568px) {
.license {
width: 48%;
float: left;
}
.license:nth-child(2) {
float: right;
}
.license__content {
padding: 40px 10px;
}
}
.download {
margin-top: 2.6em;
}
.social-button {
display: inline-block;
vertical-align: middle;
}
.twitter-follow-button {
display: block;
margin: 0 auto;
}
.follow {
margin-bottom: 20px;
line-height: 200%;
}
.made-by {
display: block;
margin-top: 3em;
padding-top: 3em;
padding-bottom: 1em;
font-family: $fontFeature;
font-size: 1.125em;
text-align: center;
line-height: 1.6;
background: #181818;
color: #777;
}
.made-by svg {
display: block;
}
.made-by ul,
.made-by p {
margin: 0;
padding: 0;
}
.made-by ul {
margin-bottom: .25em;
}
.made-by li {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.made-by p {
margin-top: .4em;
font-size: .875em;
}
.made-by a {
display: inline-block;
padding: 0 .125em;
color: #B1B1B1;
transition-duration: .2s;
transition-property: color;
}
.made-by a:focus,
.made-by a:hover {
color: white;
}
.made-by i {
font-size: 26px;
height: 30px;
}
.made-by .follow {
margin-top: 2em;
}
.made-by .follow iframe {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: .5em;
}
.made-by small {
display: block;
margin-top: 3em;
font-size: .625em;
}
@-webkit-keyframes circle {
50% {
-webkit-transform: scale(1.26923077);
transform: scale(1.26923077);
}
}
@keyframes circle {
50% {
transform: scale(1.26923077);
}
}
@-webkit-keyframes initials {
50% {
-webkit-transform: translateY(-8px) translateZ(0);
transform: translateY(-8px) translateZ(0);
}
}
@keyframes initials {
50% {
transform: translateY(-8px) translateZ(0);
}
}
.ild-ident {
display: block;
}
.ild-ident svg {
display: block;
overflow: visible;
transform: scale(1) translateZ(0);
}
.ild-ident .circle-holder {
transform: translate(-7px, -7px);
}
.ild-ident .circle {
transform: translate(7px, 7px);
}
.ild-ident .active .i {
animation: initials .4s ease-in-out;
}
.ild-ident .active .l {
animation: initials .4s .2s ease-in-out;
}
.ild-ident .active .circle {
animation: circle .5s .1s ease-in-out;
}
#forkongithub {
display: none;
}
#forkongithub a {
background: #000;
color: #fff;
text-decoration: none;
font-family: arial, sans-serif;
text-align: center;
font-weight: bold;
padding: 5px 40px;
font-size: 1rem;
line-height: 2rem;
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
#forkongithub a:hover,
#forkongithub a:focus,
#forkongithub a:active {
background: #2098D1;
color: #fff;
}
#forkongithub a::before,
#forkongithub a::after {
content: "";
width: 100%;
display: block;
position: absolute;
top: 1px;
left: 0;
height: 1px;
background: #fff;
}
#forkongithub a::after {
bottom: 1px;
top: auto;
}
.ad {
margin-top: 3.5em;
padding: 3em 1.5em;
background: #f8f8f8;
text-align: center;
}
.ad h2 {
margin: 0;
margin-bottom: 2em;
line-height: 1.4;
font-size: 1.2em;
}
.ad a {
display: inline-block;
margin: 0 auto 2em auto;
}
.ad__preview {
font-size: 0;
}
.ad__preview a {
display: block;
width: 75%;
}
.ad__preview img {
width: 100%;
}
@media only screen and (min-width: 360px) {
h1 {
font-size: 4em;
}
}
@media screen and (min-width: 640px) {
#forkongithub {
position: absolute;
display: block;
top: 0;
right: 0;
width: 200px;
overflow: hidden;
height: 200px;
}
#forkongithub a {
width: 200px;
position: absolute;
top: 60px;
right: -60px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
box-shadow: 4px 4px 10px rgba(0,0,0,0.8);
}
.ad__preview a {
display: inline-block;
width: 32%;
}
.ad__preview .second {
margin: 0 2%;
}
}
================================================
FILE: css/hover-min.css
================================================
/*!
* Hover.css (http://ianlunn.github.io/Hover/)
* Version: 2.3.2
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover
* Hover.css Copyright Ian Lunn 2017. Generated with Sass.
*/.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-webkit-animation-name:hvr-hang-sink,hvr-hang;animation-name:hvr-hang-sink,hvr-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.hvr-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#2098D1;color:#fff}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098D1;background-color:#2098d1;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #2098D1,0 0 1px rgba(0,0,0,0)}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;top:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098D1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098D1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-back .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:active .hvr-icon,.hvr-icon-back:focus .hvr-icon,.hvr-icon-back:hover .hvr-icon{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-forward .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:active .hvr-icon,.hvr-icon-forward:focus .hvr-icon,.hvr-icon-forward:hover .hvr-icon{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-down .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:active .hvr-icon,.hvr-icon-down:focus .hvr-icon,.hvr-icon-down:hover .hvr-icon{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-up .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:active .hvr-icon,.hvr-icon-up:focus .hvr-icon,.hvr-icon-up:hover .hvr-icon{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-spin .hvr-icon{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:active .hvr-icon,.hvr-icon-spin:focus .hvr-icon,.hvr-icon-spin:hover .hvr-icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-drop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:active .hvr-icon,.hvr-icon-drop:focus .hvr-icon,.hvr-icon-drop:hover .hvr-icon{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.52,1.64,.37,.66);animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-fade .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:active .hvr-icon,.hvr-icon-fade:focus .hvr-icon,.hvr-icon-fade:hover .hvr-icon{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-float-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:active .hvr-icon,.hvr-icon-float-away:focus .hvr-icon,.hvr-icon-float-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-sink-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:active .hvr-icon,.hvr-icon-sink-away:focus .hvr-icon,.hvr-icon-sink-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:active .hvr-icon,.hvr-icon-grow:focus .hvr-icon,.hvr-icon-grow:hover .hvr-icon{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:active .hvr-icon,.hvr-icon-shrink:focus .hvr-icon,.hvr-icon-shrink:hover .hvr-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:active .hvr-icon,.hvr-icon-pulse:focus .hvr-icon,.hvr-icon-pulse:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active .hvr-icon,.hvr-icon-pulse-grow:focus .hvr-icon,.hvr-icon-pulse-grow:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active .hvr-icon,.hvr-icon-pulse-shrink:focus .hvr-icon,.hvr-icon-pulse-shrink:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-push .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:active .hvr-icon,.hvr-icon-push:focus .hvr-icon,.hvr-icon-push:hover .hvr-icon{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-pop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:active .hvr-icon,.hvr-icon-pop:focus .hvr-icon,.hvr-icon-pop:hover .hvr-icon{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bounce .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:active .hvr-icon,.hvr-icon-bounce:focus .hvr-icon,.hvr-icon-bounce:hover .hvr-icon{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:active .hvr-icon,.hvr-icon-rotate:focus .hvr-icon,.hvr-icon-rotate:hover .hvr-icon{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active .hvr-icon,.hvr-icon-grow-rotate:focus .hvr-icon,.hvr-icon-grow-rotate:hover .hvr-icon{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-float .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:active .hvr-icon,.hvr-icon-float:focus .hvr-icon,.hvr-icon-float:hover .hvr-icon{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-sink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:active .hvr-icon,.hvr-icon-sink:focus .hvr-icon,.hvr-icon-sink:hover .hvr-icon{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bob .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:active .hvr-icon,.hvr-icon-bob:focus .hvr-icon,.hvr-icon-bob:hover .hvr-icon{-webkit-animation-name:hvr-icon-bob-float,hvr-icon-bob;animation-name:hvr-icon-bob-float,hvr-icon-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-hang .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:active .hvr-icon,.hvr-icon-hang:focus .hvr-icon,.hvr-icon-hang:hover .hvr-icon{-webkit-animation-name:hvr-icon-hang-sink,hvr-icon-hang;animation-name:hvr-icon-hang-sink,hvr-icon-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-horizontal .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-vertical .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:active .hvr-icon,.hvr-icon-wobble-vertical:focus .hvr-icon,.hvr-icon-wobble-vertical:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:active .hvr-icon,.hvr-icon-buzz:focus .hvr-icon,.hvr-icon-buzz:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz-out .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:active .hvr-icon,.hvr-icon-buzz-out:focus .hvr-icon,.hvr-icon-buzz-out:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px}
================================================
FILE: css/hover.css
================================================
/*!
* Hover.css (http://ianlunn.github.io/Hover/)
* Version: 2.3.2
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover
* Hover.css Copyright Ian Lunn 2017. Generated with Sass.
*/
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/* Shrink */
.hvr-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
/* Pulse */
@-webkit-keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
-webkit-animation-name: hvr-pulse;
animation-name: hvr-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.hvr-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
-webkit-animation-name: hvr-pulse-grow;
animation-name: hvr-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
-webkit-animation-name: hvr-pulse-shrink;
animation-name: hvr-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
/* Push */
@-webkit-keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.hvr-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
-webkit-animation-name: hvr-push;
animation-name: hvr-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Pop */
@-webkit-keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.hvr-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
-webkit-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Bounce In */
.hvr-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Bounce Out */
.hvr-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Rotate */
.hvr-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
/* Grow Rotate */
.hvr-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
}
/* Float */
.hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
/* Sink */
.hvr-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
/* Bob */
@-webkit-keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.hvr-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
/* Hang */
@-webkit-keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
.hvr-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
-webkit-animation-name: hvr-hang-sink, hvr-hang;
animation-name: hvr-hang-sink, hvr-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
/* Skew */
.hvr-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
}
/* Skew Forward */
.hvr-skew-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
}
/* Skew Backward */
.hvr-skew-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.hvr-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
-webkit-animation-name: hvr-wobble-vertical;
animation-name: hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hvr-wobble-to-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
-webkit-animation-name: hvr-wobble-to-bottom-right;
animation-name: hvr-wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hvr-wobble-to-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
-webkit-animation-name: hvr-wobble-to-top-right;
animation-name: hvr-wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
-webkit-animation-name: hvr-wobble-top;
animation-name: hvr-wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
-webkit-animation-name: hvr-wobble-bottom;
animation-name: hvr-wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
-webkit-animation-name: hvr-wobble-skew;
animation-name: hvr-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Buzz */
@-webkit-keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.hvr-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
-webkit-animation-name: hvr-buzz;
animation-name: hvr-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* Forward */
.hvr-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
/* Backward */
.hvr-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background-color: #2098D1;
color: white;
}
/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
@keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
.hvr-back-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
overflow: hidden;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
-webkit-animation-name: hvr-back-pulse;
animation-name: hvr-back-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-color: #2098D1;
background-color: #2098d1;
color: white;
}
/* Sweep To Right */
.hvr-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* Sweep To Left */
.hvr-sweep-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
/* Sweep To Top */
.hvr-sweep-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
/* Bounce To Right */
.hvr-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Left */
.hvr-bounce-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Top */
.hvr-bounce-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Radial Out */
.hvr-radial-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
-webkit-transform: scale(2);
transform: scale(2);
}
/* Radial In */
.hvr-radial-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
-webkit-transform: scale(2);
transform: scale(2);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
}
/* Rectangle In */
.hvr-rectangle-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
}
/* Rectangle Out */
.hvr-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
-webkit-transform: scale(1);
transform: scale(1);
}
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* Shutter In Vertical */
.hvr-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
/* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
/* Hack to improve aliasing on mobile/tablet devices */
}
/* Hollow */
.hvr-hollow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
/* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
background: none;
}
/* Trim */
.hvr-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-trim:before {
content: '';
position: absolute;
border: white solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
opacity: 1;
}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.hvr-ripple-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-ripple-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 6px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
-webkit-animation-name: hvr-ripple-out;
animation-name: hvr-ripple-out;
}
/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
@keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
.hvr-ripple-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-ripple-in:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
-webkit-animation-name: hvr-ripple-in;
animation-name: hvr-ripple-in;
}
/* Outline Out */
.hvr-outline-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-outline-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
}
/* Outline In */
.hvr-outline-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-outline-in:before {
pointer-events: none;
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
}
/* Round Corners */
.hvr-round-corners {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
border-radius: 1em;
}
/* Underline From Left */
.hvr-underline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
right: 0;
}
/* Underline From Center */
.hvr-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
left: 0;
right: 0;
}
/* Underline From Right */
.hvr-underline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
left: 0;
}
/* Overline From Left */
.hvr-overline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
right: 0;
}
/* Overline From Center */
.hvr-overline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
left: 0;
right: 0;
}
/* Overline From Right */
.hvr-overline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
left: 0;
}
/* Reveal */
.hvr-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: #2098D1;
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
}
/* Underline Reveal */
.hvr-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* Overline Reveal */
.hvr-overline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/* Shadow */
.hvr-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
/* Grow Shadow */
.hvr-grow-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/* Box Shadow Outset */
.hvr-box-shadow-outset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
/* Box Shadow Inset */
.hvr-box-shadow-inset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
/* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
/* Hack to improve aliasing on mobile/tablet devices */
}
/* Float Shadow */
.hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
/* W3C */
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Shadow Radial */
.hvr-shadow-radial {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
height: 5px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.hvr-shadow-radial:before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
opacity: 1;
}
/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
top: 0;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
/* Bubble Right */
.hvr-bubble-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
right: 0;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
/* Bubble Bottom */
.hvr-bubble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.hvr-bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
bottom: 0;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
/* Bubble Left */
.hvr-bubble-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1p
gitextract_20afx48d/
├── .editorconfig
├── .gitignore
├── CONTRIBUTING.md
├── Gruntfile.js
├── HISTORY.md
├── README.md
├── bower.json
├── css/
│ ├── demo-page.css
│ ├── hover-min.css
│ └── hover.css
├── index.html
├── less/
│ ├── _hacks.less
│ ├── _mixins.less
│ ├── _options.less
│ ├── effects/
│ │ ├── 2d-transitions/
│ │ │ ├── _backward.less
│ │ │ ├── _bob.less
│ │ │ ├── _bounce-in.less
│ │ │ ├── _bounce-out.less
│ │ │ ├── _buzz-out.less
│ │ │ ├── _buzz.less
│ │ │ ├── _float.less
│ │ │ ├── _forward.less
│ │ │ ├── _grow-rotate.less
│ │ │ ├── _grow.less
│ │ │ ├── _hang.less
│ │ │ ├── _pop.less
│ │ │ ├── _pulse-grow.less
│ │ │ ├── _pulse-shrink.less
│ │ │ ├── _pulse.less
│ │ │ ├── _push.less
│ │ │ ├── _rotate.less
│ │ │ ├── _shrink.less
│ │ │ ├── _sink.less
│ │ │ ├── _skew-backward.less
│ │ │ ├── _skew-forward.less
│ │ │ ├── _skew.less
│ │ │ ├── _wobble-bottom.less
│ │ │ ├── _wobble-horizontal.less
│ │ │ ├── _wobble-skew.less
│ │ │ ├── _wobble-to-bottom-right.less
│ │ │ ├── _wobble-to-top-right.less
│ │ │ ├── _wobble-top.less
│ │ │ └── _wobble-vertical.less
│ │ ├── background-transitions/
│ │ │ ├── _back-pulse.less
│ │ │ ├── _bounce-to-bottom.less
│ │ │ ├── _bounce-to-left.less
│ │ │ ├── _bounce-to-right.less
│ │ │ ├── _bounce-to-top.less
│ │ │ ├── _fade.less
│ │ │ ├── _radial-in.less
│ │ │ ├── _radial-out.less
│ │ │ ├── _rectangle-in.less
│ │ │ ├── _rectangle-out.less
│ │ │ ├── _shutter-in-horizontal.less
│ │ │ ├── _shutter-in-vertical.less
│ │ │ ├── _shutter-out-horizontal.less
│ │ │ ├── _shutter-out-vertical.less
│ │ │ ├── _sweep-to-bottom.less
│ │ │ ├── _sweep-to-left.less
│ │ │ ├── _sweep-to-right.less
│ │ │ └── _sweep-to-top.less
│ │ ├── border-transitions/
│ │ │ ├── _border-fade.less
│ │ │ ├── _hollow.less
│ │ │ ├── _outline-in.less
│ │ │ ├── _outline-out.less
│ │ │ ├── _overline-from-center.less
│ │ │ ├── _overline-from-left.less
│ │ │ ├── _overline-from-right.less
│ │ │ ├── _overline-reveal.less
│ │ │ ├── _reveal.less
│ │ │ ├── _ripple-in.less
│ │ │ ├── _ripple-out.less
│ │ │ ├── _round-corners.less
│ │ │ ├── _trim.less
│ │ │ ├── _underline-from-center.less
│ │ │ ├── _underline-from-left.less
│ │ │ ├── _underline-from-right.less
│ │ │ └── _underline-reveal.less
│ │ ├── curls/
│ │ │ ├── _curl-bottom-left.less
│ │ │ ├── _curl-bottom-right.less
│ │ │ ├── _curl-top-left.less
│ │ │ └── _curl-top-right.less
│ │ ├── icons/
│ │ │ ├── _icon-back.less
│ │ │ ├── _icon-bob.less
│ │ │ ├── _icon-bounce-out.less
│ │ │ ├── _icon-bounce.less
│ │ │ ├── _icon-buzz-out.less
│ │ │ ├── _icon-buzz.less
│ │ │ ├── _icon-down.less
│ │ │ ├── _icon-drop.less
│ │ │ ├── _icon-fade.less
│ │ │ ├── _icon-float-away.less
│ │ │ ├── _icon-float.less
│ │ │ ├── _icon-forward.less
│ │ │ ├── _icon-grow-rotate.less
│ │ │ ├── _icon-grow.less
│ │ │ ├── _icon-hang.less
│ │ │ ├── _icon-pop.less
│ │ │ ├── _icon-pulse-grow.less
│ │ │ ├── _icon-pulse-shrink.less
│ │ │ ├── _icon-pulse.less
│ │ │ ├── _icon-push.less
│ │ │ ├── _icon-rotate.less
│ │ │ ├── _icon-shrink.less
│ │ │ ├── _icon-sink-away.less
│ │ │ ├── _icon-sink.less
│ │ │ ├── _icon-spin.less
│ │ │ ├── _icon-up.less
│ │ │ ├── _icon-wobble-horizontal.less
│ │ │ └── _icon-wobble-vertical.less
│ │ ├── shadow-and-glow-transitions/
│ │ │ ├── _box-shadow-inset.less
│ │ │ ├── _box-shadow-outset.less
│ │ │ ├── _float-shadow.less
│ │ │ ├── _glow.less
│ │ │ ├── _grow-shadow.less
│ │ │ ├── _shadow-radial.less
│ │ │ └── _shadow.less
│ │ └── speech-bubbles/
│ │ ├── _bubble-bottom.less
│ │ ├── _bubble-float-bottom.less
│ │ ├── _bubble-float-left.less
│ │ ├── _bubble-float-right.less
│ │ ├── _bubble-float-top.less
│ │ ├── _bubble-left.less
│ │ ├── _bubble-right.less
│ │ └── _bubble-top.less
│ └── hover.less
├── license.txt
├── package.json
└── scss/
├── _hacks.scss
├── _mixins.scss
├── _options.scss
├── effects/
│ ├── 2d-transitions/
│ │ ├── _backward.scss
│ │ ├── _bob.scss
│ │ ├── _bounce-in.scss
│ │ ├── _bounce-out.scss
│ │ ├── _buzz-out.scss
│ │ ├── _buzz.scss
│ │ ├── _float.scss
│ │ ├── _forward.scss
│ │ ├── _grow-rotate.scss
│ │ ├── _grow.scss
│ │ ├── _hang.scss
│ │ ├── _pop.scss
│ │ ├── _pulse-grow.scss
│ │ ├── _pulse-shrink.scss
│ │ ├── _pulse.scss
│ │ ├── _push.scss
│ │ ├── _rotate.scss
│ │ ├── _shrink.scss
│ │ ├── _sink.scss
│ │ ├── _skew-backward.scss
│ │ ├── _skew-forward.scss
│ │ ├── _skew.scss
│ │ ├── _wobble-bottom.scss
│ │ ├── _wobble-horizontal.scss
│ │ ├── _wobble-skew.scss
│ │ ├── _wobble-to-bottom-right.scss
│ │ ├── _wobble-to-top-right.scss
│ │ ├── _wobble-top.scss
│ │ └── _wobble-vertical.scss
│ ├── background-transitions/
│ │ ├── _back-pulse.scss
│ │ ├── _bounce-to-bottom.scss
│ │ ├── _bounce-to-left.scss
│ │ ├── _bounce-to-right.scss
│ │ ├── _bounce-to-top.scss
│ │ ├── _fade.scss
│ │ ├── _radial-in.scss
│ │ ├── _radial-out.scss
│ │ ├── _rectangle-in.scss
│ │ ├── _rectangle-out.scss
│ │ ├── _shutter-in-horizontal.scss
│ │ ├── _shutter-in-vertical.scss
│ │ ├── _shutter-out-horizontal.scss
│ │ ├── _shutter-out-vertical.scss
│ │ ├── _sweep-to-bottom.scss
│ │ ├── _sweep-to-left.scss
│ │ ├── _sweep-to-right.scss
│ │ └── _sweep-to-top.scss
│ ├── border-transitions/
│ │ ├── _border-fade.scss
│ │ ├── _hollow.scss
│ │ ├── _outline-in.scss
│ │ ├── _outline-out.scss
│ │ ├── _overline-from-center.scss
│ │ ├── _overline-from-left.scss
│ │ ├── _overline-from-right.scss
│ │ ├── _overline-reveal.scss
│ │ ├── _reveal.scss
│ │ ├── _ripple-in.scss
│ │ ├── _ripple-out.scss
│ │ ├── _round-corners.scss
│ │ ├── _trim.scss
│ │ ├── _underline-from-center.scss
│ │ ├── _underline-from-left.scss
│ │ ├── _underline-from-right.scss
│ │ └── _underline-reveal.scss
│ ├── curls/
│ │ ├── _curl-bottom-left.scss
│ │ ├── _curl-bottom-right.scss
│ │ ├── _curl-top-left.scss
│ │ └── _curl-top-right.scss
│ ├── icons/
│ │ ├── _icon-back.scss
│ │ ├── _icon-bob.scss
│ │ ├── _icon-bounce-out.scss
│ │ ├── _icon-bounce.scss
│ │ ├── _icon-buzz-out.scss
│ │ ├── _icon-buzz.scss
│ │ ├── _icon-down.scss
│ │ ├── _icon-drop.scss
│ │ ├── _icon-fade.scss
│ │ ├── _icon-float-away.scss
│ │ ├── _icon-float.scss
│ │ ├── _icon-forward.scss
│ │ ├── _icon-grow-rotate.scss
│ │ ├── _icon-grow.scss
│ │ ├── _icon-hang.scss
│ │ ├── _icon-pop.scss
│ │ ├── _icon-pulse-grow.scss
│ │ ├── _icon-pulse-shrink.scss
│ │ ├── _icon-pulse.scss
│ │ ├── _icon-push.scss
│ │ ├── _icon-rotate.scss
│ │ ├── _icon-shrink.scss
│ │ ├── _icon-sink-away.scss
│ │ ├── _icon-sink.scss
│ │ ├── _icon-spin.scss
│ │ ├── _icon-up.scss
│ │ ├── _icon-wobble-horizontal.scss
│ │ └── _icon-wobble-vertical.scss
│ ├── shadow-and-glow-transitions/
│ │ ├── _box-shadow-inset.scss
│ │ ├── _box-shadow-outset.scss
│ │ ├── _float-shadow.scss
│ │ ├── _glow.scss
│ │ ├── _grow-shadow.scss
│ │ ├── _shadow-radial.scss
│ │ └── _shadow.scss
│ └── speech-bubbles/
│ ├── _bubble-bottom.scss
│ ├── _bubble-float-bottom.scss
│ ├── _bubble-float-left.scss
│ ├── _bubble-float-right.scss
│ ├── _bubble-float-top.scss
│ ├── _bubble-left.scss
│ ├── _bubble-right.scss
│ └── _bubble-top.scss
└── hover.scss
Condensed preview — 243 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (466K chars).
[
{
"path": ".editorconfig",
"chars": 206,
"preview": "# editorconfig.org\n\nroot = true\n\n[*]\ncharset = utf-8\nend_of_line = lf\nindent_size = 2\nindent_style = tab\ninsert_final_ne"
},
{
"path": ".gitignore",
"chars": 120,
"preview": "lib-cov\n*.seed\n*.log\n*.csv\n*.dat\n*.out\n*.pid\n*.gz\n\npids\nlogs\nresults\n\nnpm-debug.log\nnode_modules\n\n.sass-cache\n\n.DS_Store"
},
{
"path": "CONTRIBUTING.md",
"chars": 1729,
"preview": "# Contributing to Hover.css\n\nThanks for considering to contribute to Hover.css. To improve your chances of having your h"
},
{
"path": "Gruntfile.js",
"chars": 2096,
"preview": "module.exports = function(grunt) {\n\n grunt.initConfig({\n pkg: grunt.file.readJSON('package.json'),\n\n ve"
},
{
"path": "HISTORY.md",
"chars": 1323,
"preview": "## 2.0.2 - Jan 27, 2015\n\n- Added `back-pulse` effect\n\n## 2.0.1 - Jan 26, 2015\n\n- Added `includeClasses` option to Sass/L"
},
{
"path": "README.md",
"chars": 14461,
"preview": "# Hover.css\n\n<a href=\"https://www.buymeacoffee.com/ianlunn\" target=\"_blank\"><img src=\"https://cdn.buymeacoffee.com/butto"
},
{
"path": "bower.json",
"chars": 731,
"preview": "{\n \"name\": \"hover\",\n \"homepage\": \"http://ianlunn.github.io/Hover\",\n \"authors\": [\n \"Ian Lunn <hello@ianlunn.co.uk>\""
},
{
"path": "css/demo-page.css",
"chars": 9515,
"preview": "/*\n * Hover.css - Demo Page\n * Author: Ian Lunn @IanLunn\n * Author URL: http://ianlunn.co.uk/\n * Github: https://github."
},
{
"path": "css/hover-min.css",
"chars": 95282,
"preview": "/*!\n * Hover.css (http://ianlunn.github.io/Hover/)\n * Version: 2.3.2\n * Author: Ian Lunn @IanLunn\n * Author URL: http://"
},
{
"path": "css/hover.css",
"chars": 114697,
"preview": "/*!\n * Hover.css (http://ianlunn.github.io/Hover/)\n * Version: 2.3.2\n * Author: Ian Lunn @IanLunn\n * Author URL: http://"
},
{
"path": "index.html",
"chars": 19499,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\">\n\t\t<meta property=\"og:image\" content=\"https://ianlunn.g"
},
{
"path": "less/_hacks.less",
"chars": 740,
"preview": "// As is often the case, some devices/browsers need additional code to get CSS to work\n// in the most desired way. These"
},
{
"path": "less/_mixins.less",
"chars": 771,
"preview": "// prefix declarations\n.prefixed(@property, @value) {\n & when (@webkit = true) {\n -webkit-@{property}: @value;\n }\n\n"
},
{
"path": "less/_options.less",
"chars": 989,
"preview": "// DEFAULT OPTIONS\n\n// Prefix for Hover class names\n@nameSpace: hvr;\n\n// Durations\n@fastDuration: .1s;\n@mediumDuration: "
},
{
"path": "less/effects/2d-transitions/_backward.less",
"chars": 214,
"preview": "/* Backward */\n.backward() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-property"
},
{
"path": "less/effects/2d-transitions/_bob.less",
"chars": 749,
"preview": "/* Bob */\n.keyframes(~\"@{nameSpace}-bob\", {\n\t0% {\n\t\t.prefixed(transform, translateY(-8px));\n\t}\n\t50% {\n\t\t.prefixed(transf"
},
{
"path": "less/effects/2d-transitions/_bounce-in.less",
"chars": 239,
"preview": "/* Bounce In */\n.bounce-in() {\n\t.hacks();\n\t.prefixed(transition-duration, @slowDuration);\n\n\t&:hover,\n\t&:focus,\n\t&:active"
},
{
"path": "less/effects/2d-transitions/_bounce-out.less",
"chars": 240,
"preview": "/* Bounce Out */\n.bounce-out() {\n\t.hacks();\n\t.prefixed(transition-duration, @slowDuration);\n\n\t&:hover,\n\t&:focus,\n\t&:acti"
},
{
"path": "less/effects/2d-transitions/_buzz-out.less",
"chars": 960,
"preview": "/* Buzz Out */\n.keyframes(~\"@{nameSpace}-buzz-out\", {\n\t10% {\n\t\t.prefixed(transform, translateX(3px) rotate(2deg));\n\t}\n\n\t"
},
{
"path": "less/effects/2d-transitions/_buzz.less",
"chars": 430,
"preview": "/* Buzz */\n.keyframes(~\"@{nameSpace}-buzz\", {\n\t50% {\n\t\t.prefixed(transform, translateX(3px) rotate(2deg));\n\t}\n\n\t100% {\n\t"
},
{
"path": "less/effects/2d-transitions/_float.less",
"chars": 258,
"preview": "/* Float */\n.float() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-property, tran"
},
{
"path": "less/effects/2d-transitions/_forward.less",
"chars": 211,
"preview": "/* Forward */\n.forward() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-property, "
},
{
"path": "less/effects/2d-transitions/_grow-rotate.less",
"chars": 227,
"preview": "/* Grow Rotate */\n.grow-rotate() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-pr"
},
{
"path": "less/effects/2d-transitions/_grow.less",
"chars": 200,
"preview": "/* Grow */\n.grow() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-property, transf"
},
{
"path": "less/effects/2d-transitions/_hang.less",
"chars": 749,
"preview": "/* Hang */\n.keyframes(~\"@{nameSpace}-hang\", {\n\t0% {\n\t\t.prefixed(transform, translateY(8px));\n\t}\n\t50% {\n\t\t.prefixed(trans"
},
{
"path": "less/effects/2d-transitions/_pop.less",
"chars": 344,
"preview": "/* Pop */\n.keyframes(~\"@{nameSpace}-pop\", {\n\t50% {\n\t\t.prefixed(transform, scale(1.2));\n\t}\n});\n\n.pop() {\n\t.hacks();\n\n\t&:h"
},
{
"path": "less/effects/2d-transitions/_pulse-grow.less",
"chars": 423,
"preview": "/* Pulse Grow */\n.keyframes(~\"@{nameSpace}-pulse-grow\", {\n\tto {\n\t\t.prefixed(transform, scale(1.1));\n\t}\n});\n\n.pulse-grow("
},
{
"path": "less/effects/2d-transitions/_pulse-shrink.less",
"chars": 430,
"preview": "/* Pulse Shrink */\n.keyframes(~\"@{nameSpace}-pulse-shrink\", {\n\tto {\n\t\t.prefixed(transform, scale(.9));\n\t}\n});\n\n.pulse-sh"
},
{
"path": "less/effects/2d-transitions/_pulse.less",
"chars": 392,
"preview": "/* Pulse */\n.keyframes(~\"@{nameSpace}-pulse\", {\n\t25% {\n\t\t.prefixed(transform, scale(1.1));\n\t}\n\n\t75% {\n\t\t.prefixed(transf"
},
{
"path": "less/effects/2d-transitions/_push.less",
"chars": 381,
"preview": "/* Push */\n.keyframes(~\"@{nameSpace}-push\", {\n\t50% {\n\t\t.prefixed(transform, scale(.8));\n\t}\n\n\t100% {\n\t\t.prefixed(transfor"
},
{
"path": "less/effects/2d-transitions/_rotate.less",
"chars": 206,
"preview": "/* Rotate */\n.rotate() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-property, tr"
},
{
"path": "less/effects/2d-transitions/_shrink.less",
"chars": 203,
"preview": "/* Shrink */\n.shrink() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-property, tr"
},
{
"path": "less/effects/2d-transitions/_sink.less",
"chars": 255,
"preview": "/* Sink */\n.sink() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-property, transf"
},
{
"path": "less/effects/2d-transitions/_skew-backward.less",
"chars": 257,
"preview": "/* Skew Backward */\n.skew-backward() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transitio"
},
{
"path": "less/effects/2d-transitions/_skew-forward.less",
"chars": 256,
"preview": "/* Skew Forward */\n.skew-forward() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-"
},
{
"path": "less/effects/2d-transitions/_skew.less",
"chars": 202,
"preview": "/* Skew */\n.skew() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-property, transf"
},
{
"path": "less/effects/2d-transitions/_wobble-bottom.less",
"chars": 665,
"preview": "/* Wobble Bottom */\n.keyframes(~\"@{nameSpace}-wobble-bottom\", {\n\t16.65% {\n\t\t.prefixed(transform, skew(-12deg));\n\t}\n\n\t33."
},
{
"path": "less/effects/2d-transitions/_wobble-horizontal.less",
"chars": 671,
"preview": "/* Wobble Horizontal */\n.keyframes(~\"@{nameSpace}-wobble-horizontal\", {\n\t16.65% {\n\t\t.prefixed(transform, translateX(8px)"
},
{
"path": "less/effects/2d-transitions/_wobble-skew.less",
"chars": 619,
"preview": "/* Wobble Skew */\n.keyframes(~\"@{nameSpace}-wobble-skew\", {\n\t16.65% {\n\t\t.prefixed(transform, skew(-12deg));\n\t}\n\n\t33.3% {"
},
{
"path": "less/effects/2d-transitions/_wobble-to-bottom-right.less",
"chars": 715,
"preview": "/* Wobble To Bottom Right */\n.keyframes(~\"@{nameSpace}-wobble-to-bottom-right\", {\n\t16.65% {\n\t\t.prefixed(transform, trans"
},
{
"path": "less/effects/2d-transitions/_wobble-to-top-right.less",
"chars": 758,
"preview": "/* Wobble To Top Right */\n.keyframes(~\"@{nameSpace}-wobble-to-top-right\", {\n 16.65% {\n .prefixed(transform, translat"
},
{
"path": "less/effects/2d-transitions/_wobble-top.less",
"chars": 653,
"preview": "/* Wobble Top */\n.keyframes(~\"@{nameSpace}-wobble-top\", {\n\t16.65% {\n\t\t.prefixed(transform, skew(-12deg));\n\t}\n\n\t33.3% {\n\t"
},
{
"path": "less/effects/2d-transitions/_wobble-vertical.less",
"chars": 663,
"preview": "/* Wobble Vertical */\n.keyframes(~\"@{nameSpace}-wobble-vertical\", {\n\t16.65% {\n\t\t.prefixed(transform, translateY(8px));\n\t"
},
{
"path": "less/effects/background-transitions/_back-pulse.less",
"chars": 640,
"preview": "/* Back Pulse */\n.keyframes(~\"@{nameSpace}-back-pulse\", {\n\t50% {\n\t\tbackground-color: rgba(32, 152, 209, .75);\n\t}\n});\n\n.b"
},
{
"path": "less/effects/background-transitions/_bounce-to-bottom.less",
"chars": 707,
"preview": "/* Bounce To Bottom */\n.bounce-to-bottom() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-property, color);\n\t.p"
},
{
"path": "less/effects/background-transitions/_bounce-to-left.less",
"chars": 706,
"preview": "/* Bounce To Left */\n.bounce-to-left() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-property, color);\n\t.prefi"
},
{
"path": "less/effects/background-transitions/_bounce-to-right.less",
"chars": 705,
"preview": "/* Bounce To Right */\n.bounce-to-right() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-property, color);\n\t.pre"
},
{
"path": "less/effects/background-transitions/_bounce-to-top.less",
"chars": 704,
"preview": "/* Bounce To Top */\n.bounce-to-top() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-property, color);\n\t.prefixe"
},
{
"path": "less/effects/background-transitions/_fade.less",
"chars": 250,
"preview": "/* Fade */\n.fade() {\n\t.hacks();\n\toverflow: hidden;\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transiti"
},
{
"path": "less/effects/background-transitions/_radial-in.less",
"chars": 653,
"preview": "/* Radial In */\n.radial-in() {\n\t.hacks();\n\tposition: relative;\n\toverflow: hidden;\n\tbackground: @activeColor;\n\t.prefixed("
},
{
"path": "less/effects/background-transitions/_radial-out.less",
"chars": 655,
"preview": "/* Radial Out */\n.radial-out() {\n\t.hacks();\n\tposition: relative;\n\toverflow: hidden;\n\tbackground: @primaryColor;\n\t.prefix"
},
{
"path": "less/effects/background-transitions/_rectangle-in.less",
"chars": 617,
"preview": "/* Rectangle In */\n.rectangle-in() {\n\t.hacks();\n\tposition: relative;\n\tbackground: @activeColor;\n\t.prefixed(transition-pr"
},
{
"path": "less/effects/background-transitions/_rectangle-out.less",
"chars": 619,
"preview": "/* Rectangle Out */\n.rectangle-out() {\n\t.hacks();\n\tposition: relative;\n\tbackground: @primaryColor;\n\t.prefixed(transition"
},
{
"path": "less/effects/background-transitions/_shutter-in-horizontal.less",
"chars": 673,
"preview": "/* Shutter In Horizontal */\n.shutter-in-horizontal() {\n\t.hacks();\n\tposition: relative;\n\tbackground: @activeColor;\n\t.pref"
},
{
"path": "less/effects/background-transitions/_shutter-in-vertical.less",
"chars": 669,
"preview": "/* Shutter In Vertical */\n.shutter-in-vertical() {\n\t.hacks();\n\tposition: relative;\n\tbackground: @activeColor;\n\t.prefixed"
},
{
"path": "less/effects/background-transitions/_shutter-out-horizontal.less",
"chars": 675,
"preview": "/* Shutter Out Horizontal */\n.shutter-out-horizontal() {\n\t.hacks();\n\tposition: relative;\n\tbackground: @primaryColor;\n\t.p"
},
{
"path": "less/effects/background-transitions/_shutter-out-vertical.less",
"chars": 671,
"preview": "/* Shutter Out Vertical */\n.shutter-out-vertical() {\n\t.hacks();\n\tposition: relative;\n\tbackground: @primaryColor;\n\t.prefi"
},
{
"path": "less/effects/background-transitions/_sweep-to-bottom.less",
"chars": 635,
"preview": "/* Sweep To Bottom */\n.sweep-to-bottom() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-property, color);\n\t.pre"
},
{
"path": "less/effects/background-transitions/_sweep-to-left.less",
"chars": 634,
"preview": "/* Sweep To Left */\n.sweep-to-left() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-property, color);\n\t.prefixe"
},
{
"path": "less/effects/background-transitions/_sweep-to-right.less",
"chars": 633,
"preview": "/* Sweep To Right */\n.sweep-to-right() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-property, color);\n\t.prefi"
},
{
"path": "less/effects/background-transitions/_sweep-to-top.less",
"chars": 632,
"preview": "/* Sweep To Top */\n.sweep-to-top() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-property, color);\n\t.prefixed("
},
{
"path": "less/effects/border-transitions/_border-fade.less",
"chars": 482,
"preview": "/* Border Fade */\n.border-fade() {\n\t@borderWidth: 4px;\n\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.p"
},
{
"path": "less/effects/border-transitions/_hollow.less",
"chars": 349,
"preview": "/* Hollow */\n.hollow() {\n\t@borderWidth: 4px;\n\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(tr"
},
{
"path": "less/effects/border-transitions/_outline-in.less",
"chars": 850,
"preview": "/* Outline In */\n.outline-in() {\n\t@outerBorderWidth: 4px;\n\t@innerBorderWidth: 4px;\n\n\t.hacks();\n\tposition: relative;\n\n\t&:"
},
{
"path": "less/effects/border-transitions/_outline-out.less",
"chars": 628,
"preview": "/* Outline Out */\n.outline-out() {\n\t@outerBorderWidth: 4px;\n\t@innerBorderWidth: 4px;\n\n\t.hacks();\n\tposition: relative;\n\n\t"
},
{
"path": "less/effects/border-transitions/_overline-from-center.less",
"chars": 508,
"preview": "/* Overline From Center */\n.overline-from-center() {\n\t@duration: @mediumDuration;\n\n\t.hacks();\n\tposition: relative;\n\tover"
},
{
"path": "less/effects/border-transitions/_overline-from-left.less",
"chars": 485,
"preview": "/* Overline From Left */\n.overline-from-left() {\n\t@duration: @mediumDuration;\n\n\t.hacks();\n\tposition: relative;\n\toverflow"
},
{
"path": "less/effects/border-transitions/_overline-from-right.less",
"chars": 485,
"preview": "/* Overline From Right */\n.overline-from-right() {\n\t@duration: @mediumDuration;\n\n\t.hacks();\n\tposition: relative;\n\toverfl"
},
{
"path": "less/effects/border-transitions/_overline-reveal.less",
"chars": 547,
"preview": "/* Overline Reveal */\n.overline-reveal() {\n\t@duration: @mediumDuration;\n\n\t.hacks();\n\tposition: relative;\n\toverflow: hidd"
},
{
"path": "less/effects/border-transitions/_reveal.less",
"chars": 552,
"preview": "/* Reveal */\n.reveal() {\n\t@duration: @fastDuration;\n\n\t.hacks();\n\tposition: relative;\n\toverflow: hidden;\n\n\t&:before {\n\t\tc"
},
{
"path": "less/effects/border-transitions/_ripple-in.less",
"chars": 588,
"preview": "/* Ripple In */\n.keyframes(~\"@{nameSpace}-ripple-in\", {\n\t100% {\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\topacity:"
},
{
"path": "less/effects/border-transitions/_ripple-out.less",
"chars": 578,
"preview": "/* Ripple Out */\n.keyframes(~\"@{nameSpace}-ripple-out\", {\n\t100% {\n\t\ttop: -(6px + 6px);\n\t\tright: -(6px + 6px);\n\t\tbottom: "
},
{
"path": "less/effects/border-transitions/_round-corners.less",
"chars": 208,
"preview": "/* Round Corners */\n.round-corners() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transitio"
},
{
"path": "less/effects/border-transitions/_trim.less",
"chars": 489,
"preview": "/* Trim */\n.trim() {\n\t@outerBorderWidth: 4px;\n\t@innerBorderWidth: 4px;\n\n\t.hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tc"
},
{
"path": "less/effects/border-transitions/_underline-from-center.less",
"chars": 513,
"preview": "/* Underline From Center */\n.underline-from-center() {\n\t@duration: @mediumDuration;\n\n\t.hacks();\n\tposition: relative;\n\tov"
},
{
"path": "less/effects/border-transitions/_underline-from-left.less",
"chars": 490,
"preview": "/* Underline From Left */\n.underline-from-left() {\n\t@duration: @mediumDuration;\n\n\t.hacks();\n\tposition: relative;\n\toverfl"
},
{
"path": "less/effects/border-transitions/_underline-from-right.less",
"chars": 490,
"preview": "/* Underline From Right */\n.underline-from-right() {\n\t@duration: @mediumDuration;\n\n\t.hacks();\n\tposition: relative;\n\tover"
},
{
"path": "less/effects/border-transitions/_underline-reveal.less",
"chars": 551,
"preview": "/* Underline Reveal */\n.underline-reveal() {\n\t@duration: @mediumDuration;\n\n\t.hacks();\n\tposition: relative;\n\toverflow: hi"
},
{
"path": "less/effects/curls/_curl-bottom-left.less",
"chars": 642,
"preview": "/* Curl Bottom Left */\n.curl-bottom-left() {\n\t.hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events: none;\n\t\tposi"
},
{
"path": "less/effects/curls/_curl-bottom-right.less",
"chars": 647,
"preview": "/* Curl Bottom Right */\n.curl-bottom-right() {\n\t.hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events: none;\n\t\tpo"
},
{
"path": "less/effects/curls/_curl-top-left.less",
"chars": 783,
"preview": "/* Curl Top Left */\n.curl-top-left() {\n\t.hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events: none;\n\t\tposition: "
},
{
"path": "less/effects/curls/_curl-top-right.less",
"chars": 637,
"preview": "/* Curl Top Right */\n.curl-top-right() {\n\t.hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events: none;\n\t\tposition"
},
{
"path": "less/effects/icons/_icon-back.less",
"chars": 391,
"preview": "/* Icon Back */\n.icon-back() {\n\t.hacks();\n\t.prefixed(transition-duration, @fastDuration);\n\n\t.hvr-icon {\n\t\t.prefixed(tran"
},
{
"path": "less/effects/icons/_icon-bob.less",
"chars": 911,
"preview": "/* Icon Bob */\n.keyframes(~\"@{nameSpace}-icon-bob\", {\n\t0% {\n\t\t.prefixed(transform, translateY(-6px));\n\t}\n\t50% {\n\t\t.prefi"
},
{
"path": "less/effects/icons/_icon-bounce-out.less",
"chars": 573,
"preview": "/* Icon Bounce Out */\n.keyframes(~\"@{nameSpace}-icon-bounce-out\", {\n\t50% {\n\t\t.prefixed(transform, scale(1.5));\n\t}\n});\n\n."
},
{
"path": "less/effects/icons/_icon-bounce.less",
"chars": 470,
"preview": "/* Icon Bounce */\n\n.icon-bounce() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\n\t.hvr-icon {\n\t\t.prefix"
},
{
"path": "less/effects/icons/_icon-buzz-out.less",
"chars": 1109,
"preview": "/* Icon Buzz Out */\n.keyframes(~\"@{nameSpace}-icon-buzz-out\", {\n\t10% {\n\t\t.prefixed(transform, translateX(3px) rotate(2de"
},
{
"path": "less/effects/icons/_icon-buzz.less",
"chars": 579,
"preview": "/* Icon Buzz */\n.keyframes(~\"@{nameSpace}-icon-buzz\", {\n\t50% {\n\t\t.prefixed(transform, translateX(3px) rotate(2deg));\n\t}\n"
},
{
"path": "less/effects/icons/_icon-down.less",
"chars": 482,
"preview": "/* Icon Down */\n.keyframes(~\"@{nameSpace}-icon-down\", {\n\t0%,\n\t50%,\n\t100% {\n\t\t.prefixed(transform, translateY(0));\n\t}\n\t25"
},
{
"path": "less/effects/icons/_icon-drop.less",
"chars": 733,
"preview": "/* Icon Drop */\n.keyframes(~\"@{nameSpace}-icon-drop\", {\n\t0% {\n\t\topacity: 0;\n\n\t}\n\n\t50% {\n\t\topacity: 0;\n\t\t.prefixed(transf"
},
{
"path": "less/effects/icons/_icon-fade.less",
"chars": 254,
"preview": "/* Icon Fade */\n.icon-fade() {\n\t.hacks();\n\n\t.hvr-icon {\n\t\t.prefixed(transform, translateZ(0));\n\t\t.prefixed(transition-du"
},
{
"path": "less/effects/icons/_icon-float-away.less",
"chars": 537,
"preview": "/* Icon Float Away */\n.keyframes(~\"@{nameSpace}-icon-float-away\", {\n\t0% {\n\t\topacity: 1;\n\t}\n\n\t100% {\n\t\topacity: 0;\n\t\t.pre"
},
{
"path": "less/effects/icons/_icon-float.less",
"chars": 397,
"preview": "/* Icon Float */\n.icon-float() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\n\t.hvr-icon {\n\t\t.prefixed("
},
{
"path": "less/effects/icons/_icon-forward.less",
"chars": 396,
"preview": "/* Icon Forward */\n.icon-forward() {\n\t.hacks();\n\t.prefixed(transition-duration, @fastDuration);\n\n\t.hvr-icon {\n\t\t.prefixe"
},
{
"path": "less/effects/icons/_icon-grow-rotate.less",
"chars": 435,
"preview": "/* Icon Grow Rotate */\n.icon-grow-rotate() {\n\t@duration: @mediumDuration;\n\n\t.hacks();\n\t.prefixed(transition-duration, @d"
},
{
"path": "less/effects/icons/_icon-grow.less",
"chars": 403,
"preview": "/* Icon Grow */\n.icon-grow() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\n\t.hvr-icon {\n\t\t.prefixed(tr"
},
{
"path": "less/effects/icons/_icon-hang.less",
"chars": 911,
"preview": "/* Icon Hang */\n.keyframes(~\"@{nameSpace}-icon-hang\", {\n\t0% {\n\t\t.prefixed(transform, translateY(6px));\n\t}\n\t50% {\n\t\t.pref"
},
{
"path": "less/effects/icons/_icon-pop.less",
"chars": 640,
"preview": "/* Icon Pop */\n.keyframes(~\"@{nameSpace}-icon-pop\", {\n\t50% {\n\t\t.prefixed(transform, scale(1.5));\n\t}\n});\n\n.icon-pop() {\n\t"
},
{
"path": "less/effects/icons/_icon-pulse-grow.less",
"chars": 574,
"preview": "/* Icon Pulse Grow */\n.keyframes(~\"@{nameSpace}-icon-pulse-grow\", {\n\tto {\n\t\t.prefixed(transform, scale(1.3));\n\t}\n});\n\n.i"
},
{
"path": "less/effects/icons/_icon-pulse-shrink.less",
"chars": 581,
"preview": "/* Icon Pulse Shrink */\n.keyframes(~\"@{nameSpace}-icon-pulse-shrink\", {\n\tto {\n\t\t.prefixed(transform, scale(.8));\n\t}\n});\n"
},
{
"path": "less/effects/icons/_icon-pulse.less",
"chars": 542,
"preview": "/* Icon Pulse */\n.keyframes(~\"@{nameSpace}-icon-pulse\", {\n\t25% {\n\t\t.prefixed(transform, scale(1.3));\n\t}\n\n\t75% {\n\t\t.prefi"
},
{
"path": "less/effects/icons/_icon-push.less",
"chars": 643,
"preview": "/* Icon Push */\n.keyframes(~\"@{nameSpace}-icon-push\", {\n\t50% {\n\t\t.prefixed(transform, scale(.5));\n\t}\n});\n\n.icon-push() {"
},
{
"path": "less/effects/icons/_icon-rotate.less",
"chars": 414,
"preview": "/* Icon Rotate */\n.icon-rotate() {\n\t@duration: @mediumDuration;\n\n\t.hacks();\n\t.prefixed(transition-duration, @duration);\n"
},
{
"path": "less/effects/icons/_icon-shrink.less",
"chars": 392,
"preview": "/* Icon Shrink */\n.icon-shrink() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\n\t.hvr-icon {\n\t\t.prefixe"
},
{
"path": "less/effects/icons/_icon-sink-away.less",
"chars": 531,
"preview": "/* Icon Sink Away */\n.keyframes(~\"@{nameSpace}-icon-sink-away\", {\n\t0% {\n\t\topacity: 1;\n\t}\n\n\t100% {\n\t\topacity: 0;\n\t\t.prefi"
},
{
"path": "less/effects/icons/_icon-sink.less",
"chars": 394,
"preview": "/* Icon Sink */\n.icon-sink() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\n\t.hvr-icon {\n\t\t.prefixed(tr"
},
{
"path": "less/effects/icons/_icon-spin.less",
"chars": 294,
"preview": "/* Icon Spin */\n.icon-spin() {\n\t.hacks();\n\n\t.hvr-icon {\n\t\t.prefixed(transition-duration, 1s);\n\t\t.prefixed(transition-pro"
},
{
"path": "less/effects/icons/_icon-up.less",
"chars": 473,
"preview": "/* Icon Up */\n.keyframes(~\"@{nameSpace}-icon-up\", {\n\t0%,\n\t50%,\n\t100% {\n\t\t.prefixed(transform, translateY(0));\n\t}\n\t25%,\n\t"
},
{
"path": "less/effects/icons/_icon-wobble-horizontal.less",
"chars": 820,
"preview": "/* Icon Wobble Horizontal */\n.keyframes(~\"@{nameSpace}-icon-wobble-horizontal\", {\n\t16.65% {\n\t\t.prefixed(transform, trans"
},
{
"path": "less/effects/icons/_icon-wobble-vertical.less",
"chars": 812,
"preview": "/* Icon Wobble Vertical */\n.keyframes(~\"@{nameSpace}-icon-wobble-vertical\", {\n\t16.65% {\n\t\t.prefixed(transform, translate"
},
{
"path": "less/effects/shadow-and-glow-transitions/_box-shadow-inset.less",
"chars": 443,
"preview": "/* Box Shadow Inset */\n.box-shadow-inset() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(tra"
},
{
"path": "less/effects/shadow-and-glow-transitions/_box-shadow-outset.less",
"chars": 231,
"preview": "/* Box Shadow Outset */\n.box-shadow-outset() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(t"
},
{
"path": "less/effects/shadow-and-glow-transitions/_float-shadow.less",
"chars": 945,
"preview": "/* Float Shadow */\n.float-shadow() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-duration, @mediumDuration);\n\t"
},
{
"path": "less/effects/shadow-and-glow-transitions/_glow.less",
"chars": 201,
"preview": "/* Glow */\n.glow() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-property, box-sh"
},
{
"path": "less/effects/shadow-and-glow-transitions/_grow-shadow.less",
"chars": 280,
"preview": "/* Grow Shadow */\n.grow-shadow() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-pr"
},
{
"path": "less/effects/shadow-and-glow-transitions/_shadow-radial.less",
"chars": 965,
"preview": "/* Shadow Radial */\n.shadow-radial() {\n\t.hacks();\n\tposition: relative;\n\n\t&:before,\n\t&:after {\n\t pointer-events: none;\n "
},
{
"path": "less/effects/shadow-and-glow-transitions/_shadow.less",
"chars": 221,
"preview": "/* Shadow */\n.shadow() {\n\t.hacks();\n\t.prefixed(transition-duration, @mediumDuration);\n\t.prefixed(transition-property, bo"
},
{
"path": "less/effects/speech-bubbles/_bubble-bottom.less",
"chars": 549,
"preview": "/* Bubble Bottom */\n.bubble-bottom() {\n\t.hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events: none;\n\t\tposition: "
},
{
"path": "less/effects/speech-bubbles/_bubble-float-bottom.less",
"chars": 680,
"preview": "/* Bubble Float Bottom */\n.bubble-float-bottom() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-duration, @medi"
},
{
"path": "less/effects/speech-bubbles/_bubble-float-left.less",
"chars": 673,
"preview": "/* Bubble Float Left */\n.bubble-float-left() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-duration, @mediumDu"
},
{
"path": "less/effects/speech-bubbles/_bubble-float-right.less",
"chars": 676,
"preview": "/* Bubble Float Right */\n.bubble-float-right() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-duration, @medium"
},
{
"path": "less/effects/speech-bubbles/_bubble-float-top.less",
"chars": 671,
"preview": "/* Bubble Float Top */\n.bubble-float-top() {\n\t.hacks();\n\tposition: relative;\n\t.prefixed(transition-duration, @mediumDura"
},
{
"path": "less/effects/speech-bubbles/_bubble-left.less",
"chars": 546,
"preview": "/* Bubble Left */\n.bubble-left() {\n\t.hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events: none;\n\t\tposition: abso"
},
{
"path": "less/effects/speech-bubbles/_bubble-right.less",
"chars": 546,
"preview": "/* Bubble Right */\n.bubble-right() {\n\t.hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events: none;\n\t\tposition: ab"
},
{
"path": "less/effects/speech-bubbles/_bubble-top.less",
"chars": 543,
"preview": "/* Bubble Top */\n.bubble-top() {\n\t.hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events: none;\n\t\tposition: absolu"
},
{
"path": "less/hover.less",
"chars": 15437,
"preview": "/*!\n * Hover.css (http://ianlunn.github.io/Hover/)\n * Version: 2.3.2\n * Author: Ian Lunn @IanLunn\n * Author URL: http://"
},
{
"path": "license.txt",
"chars": 2076,
"preview": "# Licenses\n\nHover.css is made available under a free personal/open source or paid commercial licenses depending on your "
},
{
"path": "package.json",
"chars": 615,
"preview": "{\n \"name\": \"hover.css\",\n \"author\": \"Ian Lunn\",\n \"version\": \"2.3.2\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \""
},
{
"path": "scss/_hacks.scss",
"chars": 796,
"preview": "// As is often the case, some devices/browsers need additional code to get CSS to work\n// in the most desired way. These"
},
{
"path": "scss/_mixins.scss",
"chars": 736,
"preview": "// prefix declarations\n@mixin prefixed($property, $value) {\n @if $webkit == true {\n -webkit-#{$property}: #{$value};"
},
{
"path": "scss/_options.scss",
"chars": 1207,
"preview": "// DEFAULT OPTIONS\n\n// Prefix for Hover class names\n$nameSpace: 'hvr' !default;\n\n// Durations\n$fastDuration: .1s !defaul"
},
{
"path": "scss/effects/2d-transitions/_backward.scss",
"chars": 250,
"preview": "/* Backward */\n@mixin backward {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n\t@include "
},
{
"path": "scss/effects/2d-transitions/_bob.scss",
"chars": 852,
"preview": "/* Bob */\n@include keyframes(#{$nameSpace}-bob) {\n\t0% {\n\t\t@include prefixed(transform, translateY(-8px));\n\t}\n\t50% {\n\t\t@i"
},
{
"path": "scss/effects/2d-transitions/_bounce-in.scss",
"chars": 275,
"preview": "/* Bounce In */\n@mixin bounce-in {\n\t@include hacks();\n\t@include prefixed(transition-duration, $slowDuration);\n\n\t&:hover,"
},
{
"path": "scss/effects/2d-transitions/_bounce-out.scss",
"chars": 276,
"preview": "/* Bounce Out */\n@mixin bounce-out {\n\t@include hacks();\n\t@include prefixed(transition-duration, $slowDuration);\n\n\t&:hove"
},
{
"path": "scss/effects/2d-transitions/_buzz-out.scss",
"chars": 1086,
"preview": "/* Buzz Out */\n@include keyframes(#{$nameSpace}-buzz-out) {\n\t10% {\n\t\t@include prefixed(transform, translateX(3px) rotate"
},
{
"path": "scss/effects/2d-transitions/_buzz.scss",
"chars": 492,
"preview": "/* Buzz */\n@include keyframes(#{$nameSpace}-buzz) {\n\t50% {\n\t\t@include prefixed(transform, translateX(3px) rotate(2deg));"
},
{
"path": "scss/effects/2d-transitions/_float.scss",
"chars": 302,
"preview": "/* Float */\n@mixin float {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n\t@include prefix"
},
{
"path": "scss/effects/2d-transitions/_forward.scss",
"chars": 247,
"preview": "/* Forward */\n@mixin forward {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n\t@include pr"
},
{
"path": "scss/effects/2d-transitions/_grow-rotate.scss",
"chars": 263,
"preview": "/* Grow Rotate */\n@mixin grow-rotate {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n\t@in"
},
{
"path": "scss/effects/2d-transitions/_grow.scss",
"chars": 236,
"preview": "/* Grow */\n@mixin grow {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n\t@include prefixed"
},
{
"path": "scss/effects/2d-transitions/_hang.scss",
"chars": 852,
"preview": "/* Hang */\n@include keyframes(#{$nameSpace}-hang) {\n\t0% {\n\t\t@include prefixed(transform, translateY(8px));\n\t}\n\t50% {\n\t\t@"
},
{
"path": "scss/effects/2d-transitions/_pop.scss",
"chars": 398,
"preview": "/* Pop */\n@include keyframes(#{$nameSpace}-pop) {\n\t50% {\n\t\t@include prefixed(transform, scale(1.2));\n\t}\n}\n\n@mixin pop {\n"
},
{
"path": "scss/effects/2d-transitions/_pulse-grow.scss",
"chars": 485,
"preview": "/* Pulse Grow */\n@include keyframes(#{$nameSpace}-pulse-grow) {\n\tto {\n\t\t@include prefixed(transform, scale(1.1));\n\t}\n}\n\n"
},
{
"path": "scss/effects/2d-transitions/_pulse-shrink.scss",
"chars": 492,
"preview": "/* Pulse Shrink */\n@include keyframes(#{$nameSpace}-pulse-shrink) {\n\tto {\n\t\t@include prefixed(transform, scale(.9));\n\t}\n"
},
{
"path": "scss/effects/2d-transitions/_pulse.scss",
"chars": 454,
"preview": "/* Pulse */\n@include keyframes(#{$nameSpace}-pulse) {\n\t25% {\n\t\t@include prefixed(transform, scale(1.1));\n\t}\n\n\t75% {\n\t\t@i"
},
{
"path": "scss/effects/2d-transitions/_push.scss",
"chars": 443,
"preview": "/* Push */\n@include keyframes(#{$nameSpace}-push) {\n\t50% {\n\t\t@include prefixed(transform, scale(.8));\n\t}\n\n\t100% {\n\t\t@inc"
},
{
"path": "scss/effects/2d-transitions/_rotate.scss",
"chars": 242,
"preview": "/* Rotate */\n@mixin rotate {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n\t@include pref"
},
{
"path": "scss/effects/2d-transitions/_shrink.scss",
"chars": 239,
"preview": "/* Shrink */\n@mixin shrink {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n\t@include pref"
},
{
"path": "scss/effects/2d-transitions/_sink.scss",
"chars": 299,
"preview": "/* Sink */\n@mixin sink {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n\t@include prefixed"
},
{
"path": "scss/effects/2d-transitions/_skew-backward.scss",
"chars": 301,
"preview": "/* Skew Backward */\n@mixin skew-backward {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n"
},
{
"path": "scss/effects/2d-transitions/_skew-forward.scss",
"chars": 300,
"preview": "/* Skew Forward */\n@mixin skew-forward {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n\t@"
},
{
"path": "scss/effects/2d-transitions/_skew.scss",
"chars": 238,
"preview": "/* Skew */\n@mixin skew {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n\t@include prefixed"
},
{
"path": "scss/effects/2d-transitions/_wobble-bottom.scss",
"chars": 767,
"preview": "/* Wobble Bottom */\n@include keyframes(#{$nameSpace}-wobble-bottom) {\n\t16.65% {\n\t\t@include prefixed(transform, skew(-12d"
},
{
"path": "scss/effects/2d-transitions/_wobble-horizontal.scss",
"chars": 765,
"preview": "/* Wobble Horizontal */\n@include keyframes(#{$nameSpace}-wobble-horizontal) {\n\t16.65% {\n\t\t@include prefixed(transform, t"
},
{
"path": "scss/effects/2d-transitions/_wobble-skew.scss",
"chars": 713,
"preview": "/* Wobble Skew */\n@include keyframes(#{$nameSpace}-wobble-skew) {\n\t16.65% {\n\t\t@include prefixed(transform, skew(-12deg))"
},
{
"path": "scss/effects/2d-transitions/_wobble-to-bottom-right.scss",
"chars": 809,
"preview": "/* Wobble To Bottom Right */\n@include keyframes(#{$nameSpace}-wobble-to-bottom-right) {\n\t16.65% {\n\t\t@include prefixed(tr"
},
{
"path": "scss/effects/2d-transitions/_wobble-to-top-right.scss",
"chars": 852,
"preview": "/* Wobble To Top Right */\n@include keyframes(#{$nameSpace}-wobble-to-top-right) {\n 16.65% {\n @include prefixed(trans"
},
{
"path": "scss/effects/2d-transitions/_wobble-top.scss",
"chars": 755,
"preview": "/* Wobble Top */\n@include keyframes(#{$nameSpace}-wobble-top) {\n\t16.65% {\n\t\t@include prefixed(transform, skew(-12deg));\n"
},
{
"path": "scss/effects/2d-transitions/_wobble-vertical.scss",
"chars": 757,
"preview": "/* Wobble Vertical */\n@include keyframes(#{$nameSpace}-wobble-vertical) {\n\t16.65% {\n\t\t@include prefixed(transform, trans"
},
{
"path": "scss/effects/background-transitions/_back-pulse.scss",
"chars": 710,
"preview": "/* Back Pulse */\n@include keyframes(#{$nameSpace}-back-pulse) {\n\t50% {\n\t\tbackground-color: rgba(32, 152, 209, .75);\n\t}\n}"
},
{
"path": "scss/effects/background-transitions/_bounce-to-bottom.scss",
"chars": 791,
"preview": "/* Bounce To Bottom */\n@mixin bounce-to-bottom {\n\t@include hacks();\n\tposition: relative;\n\t@include prefixed(transition-p"
},
{
"path": "scss/effects/background-transitions/_bounce-to-left.scss",
"chars": 790,
"preview": "/* Bounce To Left */\n@mixin bounce-to-left {\n\t@include hacks();\n\tposition: relative;\n\t@include prefixed(transition-prope"
},
{
"path": "scss/effects/background-transitions/_bounce-to-right.scss",
"chars": 789,
"preview": "/* Bounce To Right */\n@mixin bounce-to-right {\n\t@include hacks();\n\tposition: relative;\n\t@include prefixed(transition-pro"
},
{
"path": "scss/effects/background-transitions/_bounce-to-top.scss",
"chars": 788,
"preview": "/* Bounce To Top */\n@mixin bounce-to-top {\n\t@include hacks();\n\tposition: relative;\n\t@include prefixed(transition-propert"
},
{
"path": "scss/effects/background-transitions/_fade.scss",
"chars": 277,
"preview": "/* Fade */\n@mixin fade {\n\t@include hacks();\n\toverflow: hidden;\n\t@include prefixed(transition-duration, $mediumDuration);"
},
{
"path": "scss/effects/background-transitions/_radial-in.scss",
"chars": 721,
"preview": "/* Radial In */\n@mixin radial-in {\n\t@include hacks();\n\tposition: relative;\n\toverflow: hidden;\n\tbackground: $activeColor;"
},
{
"path": "scss/effects/background-transitions/_radial-out.scss",
"chars": 723,
"preview": "/* Radial Out */\n@mixin radial-out {\n\t@include hacks();\n\tposition: relative;\n\toverflow: hidden;\n\tbackground: $primaryCol"
},
{
"path": "scss/effects/background-transitions/_rectangle-in.scss",
"chars": 685,
"preview": "/* Rectangle In */\n@mixin rectangle-in {\n\t@include hacks();\n\tposition: relative;\n\tbackground: $activeColor;\n\t@include pr"
},
{
"path": "scss/effects/background-transitions/_rectangle-out.scss",
"chars": 687,
"preview": "/* Rectangle Out */\n@mixin rectangle-out {\n\t@include hacks();\n\tposition: relative;\n\tbackground: $primaryColor;\n\t@include"
},
{
"path": "scss/effects/background-transitions/_shutter-in-horizontal.scss",
"chars": 749,
"preview": "/* Shutter In Horizontal */\n@mixin shutter-in-horizontal {\n\t@include hacks();\n\tposition: relative;\n\tbackground: $activeC"
},
{
"path": "scss/effects/background-transitions/_shutter-in-vertical.scss",
"chars": 745,
"preview": "/* Shutter In Vertical */\n@mixin shutter-in-vertical {\n\t@include hacks();\n\tposition: relative;\n\tbackground: $activeColor"
},
{
"path": "scss/effects/background-transitions/_shutter-out-horizontal.scss",
"chars": 751,
"preview": "/* Shutter Out Horizontal */\n@mixin shutter-out-horizontal {\n\t@include hacks();\n\tposition: relative;\n\tbackground: $prima"
},
{
"path": "scss/effects/background-transitions/_shutter-out-vertical.scss",
"chars": 747,
"preview": "/* Shutter Out Vertical */\n@mixin shutter-out-vertical {\n\t@include hacks();\n\tposition: relative;\n\tbackground: $primaryCo"
},
{
"path": "scss/effects/background-transitions/_sweep-to-bottom.scss",
"chars": 711,
"preview": "/* Sweep To Bottom */\n@mixin sweep-to-bottom {\n\t@include hacks();\n\tposition: relative;\n\t@include prefixed(transition-pro"
},
{
"path": "scss/effects/background-transitions/_sweep-to-left.scss",
"chars": 710,
"preview": "/* Sweep To Left */\n@mixin sweep-to-left {\n\t@include hacks();\n\tposition: relative;\n\t@include prefixed(transition-propert"
},
{
"path": "scss/effects/background-transitions/_sweep-to-right.scss",
"chars": 709,
"preview": "/* Sweep To Right */\n@mixin sweep-to-right {\n\t@include hacks();\n\tposition: relative;\n\t@include prefixed(transition-prope"
},
{
"path": "scss/effects/background-transitions/_sweep-to-top.scss",
"chars": 708,
"preview": "/* Sweep To Top */\n@mixin sweep-to-top {\n\t@include hacks();\n\tposition: relative;\n\t@include prefixed(transition-property,"
},
{
"path": "scss/effects/border-transitions/_border-fade.scss",
"chars": 510,
"preview": "/* Border Fade */\n@mixin border-fade {\n\t$borderWidth: 4px;\n\n\t@include hacks();\n\t@include prefixed(transition-duration, $"
},
{
"path": "scss/effects/border-transitions/_hollow.scss",
"chars": 377,
"preview": "/* Hollow */\n@mixin hollow {\n\t$borderWidth: 4px;\n\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDura"
},
{
"path": "scss/effects/border-transitions/_outline-in.scss",
"chars": 878,
"preview": "/* Outline In */\n@mixin outline-in {\n\t$outerBorderWidth: 4px;\n\t$innerBorderWidth: 4px;\n\n\t@include hacks();\n\tposition: re"
},
{
"path": "scss/effects/border-transitions/_outline-out.scss",
"chars": 656,
"preview": "/* Outline Out */\n@mixin outline-out {\n\t$outerBorderWidth: 4px;\n\t$innerBorderWidth: 4px;\n\n\t@include hacks();\n\tposition: "
},
{
"path": "scss/effects/border-transitions/_overline-from-center.scss",
"chars": 544,
"preview": "/* Overline From Center */\n@mixin overline-from-center {\n\t$duration: $mediumDuration;\n\n\t@include hacks();\n\tposition: rel"
},
{
"path": "scss/effects/border-transitions/_overline-from-left.scss",
"chars": 521,
"preview": "/* Overline From Left */\n@mixin overline-from-left {\n\t$duration: $mediumDuration;\n\n\t@include hacks();\n\tposition: relativ"
},
{
"path": "scss/effects/border-transitions/_overline-from-right.scss",
"chars": 521,
"preview": "/* Overline From Right */\n@mixin overline-from-right {\n\t$duration: $mediumDuration;\n\n\t@include hacks();\n\tposition: relat"
},
{
"path": "scss/effects/border-transitions/_overline-reveal.scss",
"chars": 599,
"preview": "/* Overline Reveal */\n@mixin overline-reveal {\n\t$duration: $mediumDuration;\n\n\t@include hacks();\n\tposition: relative;\n\tov"
},
{
"path": "scss/effects/border-transitions/_reveal.scss",
"chars": 605,
"preview": "/* Reveal */\n@mixin reveal {\n\t$duration: #{$fastDuration};\n\n\t@include hacks();\n\tposition: relative;\n\toverflow: hidden;\n\n"
},
{
"path": "scss/effects/border-transitions/_ripple-in.scss",
"chars": 618,
"preview": "/* Ripple In */\n@include keyframes(#{$nameSpace}-ripple-in) {\n\t100% {\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\top"
},
{
"path": "scss/effects/border-transitions/_ripple-out.scss",
"chars": 608,
"preview": "/* Ripple Out */\n@include keyframes(#{$nameSpace}-ripple-out) {\n\t100% {\n\t\ttop: -(6px + 6px);\n\t\tright: -(6px + 6px);\n\t\tbo"
},
{
"path": "scss/effects/border-transitions/_round-corners.scss",
"chars": 236,
"preview": "/* Round Corners */\n@mixin round-corners {\n\t@include hacks();\n\t@include prefixed(transition-duration, $mediumDuration);\n"
},
{
"path": "scss/effects/border-transitions/_trim.scss",
"chars": 517,
"preview": "/* Trim */\n@mixin trim {\n\t$outerBorderWidth: 4px;\n\t$innerBorderWidth: 4px;\n\n\t@include hacks();\n\tposition: relative;\n\n\t&:"
},
{
"path": "scss/effects/border-transitions/_underline-from-center.scss",
"chars": 549,
"preview": "/* Underline From Center */\n@mixin underline-from-center {\n\t$duration: $mediumDuration;\n\n\t@include hacks();\n\tposition: r"
},
{
"path": "scss/effects/border-transitions/_underline-from-left.scss",
"chars": 526,
"preview": "/* Underline From Left */\n@mixin underline-from-left {\n\t$duration: $mediumDuration;\n\n\t@include hacks();\n\tposition: relat"
},
{
"path": "scss/effects/border-transitions/_underline-from-right.scss",
"chars": 526,
"preview": "/* Underline From Right */\n@mixin underline-from-right {\n\t$duration: $mediumDuration;\n\n\t@include hacks();\n\tposition: rel"
},
{
"path": "scss/effects/border-transitions/_underline-reveal.scss",
"chars": 603,
"preview": "/* Underline Reveal */\n@mixin underline-reveal {\n\t$duration: $mediumDuration;\n\n\t@include hacks();\n\tposition: relative;\n\t"
},
{
"path": "scss/effects/curls/_curl-bottom-left.scss",
"chars": 669,
"preview": "/* Curl Bottom Left */\n@mixin curl-bottom-left {\n\t@include hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events: "
},
{
"path": "scss/effects/curls/_curl-bottom-right.scss",
"chars": 674,
"preview": "/* Curl Bottom Right */\n@mixin curl-bottom-right {\n\t@include hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events"
},
{
"path": "scss/effects/curls/_curl-top-left.scss",
"chars": 810,
"preview": "/* Curl Top Left */\n@mixin curl-top-left {\n\t@include hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events: none;\n"
},
{
"path": "scss/effects/curls/_curl-top-right.scss",
"chars": 664,
"preview": "/* Curl Top Right */\n@mixin curl-top-right {\n\t@include hacks();\n\tposition: relative;\n\n\t&:before {\n\t\tpointer-events: none"
},
{
"path": "scss/effects/icons/_icon-back.scss",
"chars": 451,
"preview": "/* Icon Back */\n@mixin icon-back {\n\t@include hacks();\n\t@include prefixed(transition-duration, $fastDuration);\n\n\t.hvr-ico"
}
]
// ... and 43 more files (download for full content)
About this extraction
This page contains the full source code of the IanLunn/Hover GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 243 files (413.7 KB), approximately 136.6k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.