hover-rails 2.0.2 → 2.3.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +5 -5
- data/README.md +16 -9
- data/lib/hover-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/hover.css +361 -1088
- data/vendor/assets/stylesheets/hover.css.map +7 -0
- metadata +5 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: e913e816421801c9b383381f112b4089813f6d037e3a9d5eb7a40e9ba0b81e85
|
|
4
|
+
data.tar.gz: a34d4cf9279db8f9e3db3db8a9ec2a1618d43417870ff97a73cb1e05631d4577
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 82e423a27c988bf6fba063ae36d734eaa9277b125faef5bc92c3ef4489e490565b0d5b05f360d7892f3cbf0e190edabb707d2def81ac7709019d36c9bc88aff2
|
|
7
|
+
data.tar.gz: 3780e0e94917d2b8aab8bd1df891c2a9032974fd65976a82527c919cd3ae3245dc730179aae3565d9d6de1d3fb70bef392e6e241fc245d19b40b6a66f0d3d5a4
|
data/README.md
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
1
|
# Hover-rails
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
[](http://badge.fury.io/rb/hover-rails)
|
|
4
4
|
|
|
5
|
-
Hover
|
|
5
|
+
## Hover for Rails applications
|
|
6
6
|
|
|
7
|
+
Hover-rails, as the name suggests, is a gem for the CSS library : [Hover](https://github.com/IanLunn/Hover)
|
|
7
8
|
|
|
8
|
-
## Installation
|
|
9
|
+
## Installation
|
|
9
10
|
|
|
10
11
|
Add this line to your `Gemfile`
|
|
11
12
|
|
|
12
13
|
```ruby
|
|
13
|
-
|
|
14
14
|
gem 'hover-rails'
|
|
15
15
|
```
|
|
16
|
+
|
|
16
17
|
and run `bundle install`
|
|
17
18
|
|
|
18
|
-
## Usage
|
|
19
|
+
## Usage
|
|
19
20
|
|
|
20
|
-
Import the library in your `application.css` by adding this line
|
|
21
|
+
Import the library in your `application.css` by adding this line
|
|
21
22
|
|
|
22
23
|
```ruby
|
|
23
24
|
*= require hover
|
|
@@ -25,7 +26,7 @@ Import the library in your `application.css` by adding this line
|
|
|
25
26
|
|
|
26
27
|
You're now ready to use Hover!
|
|
27
28
|
|
|
28
|
-
## Scss/Sass
|
|
29
|
+
## Scss/Sass
|
|
29
30
|
|
|
30
31
|
If you're using a preprocessor like `Scss`, paste this line in your `application.scss`
|
|
31
32
|
|
|
@@ -39,7 +40,13 @@ Or if you prefer `Sass`, then paste this in your `application.sass`
|
|
|
39
40
|
@import hover
|
|
40
41
|
```
|
|
41
42
|
|
|
43
|
+
## Font-awesome
|
|
44
|
+
|
|
45
|
+
Adding [font-awesome-rails](https://github.com/bokmann/font-awesome-rails) gem will work fine with `hover-rails`.
|
|
46
|
+
|
|
47
|
+
You can normally use `fa` css class like described in Hover [tutorial](https://github.com/IanLunn/Hover/#using-icon-effects).
|
|
48
|
+
|
|
42
49
|
## Versioning
|
|
43
50
|
|
|
44
|
-
2.
|
|
45
|
-
This gem has the same version
|
|
51
|
+
2.3.2
|
|
52
|
+
This gem has the same version as Hover.
|
data/lib/hover-rails/version.rb
CHANGED
|
@@ -1,26 +1,20 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Hover.css (http://ianlunn.github.io/Hover/)
|
|
3
|
-
* Version: 2.
|
|
3
|
+
* Version: 2.3.2
|
|
4
4
|
* Author: Ian Lunn @IanLunn
|
|
5
5
|
* Author URL: http://ianlunn.co.uk/
|
|
6
6
|
* Github: https://github.com/IanLunn/Hover
|
|
7
7
|
|
|
8
|
-
*
|
|
9
|
-
* http://www.opensource.org/licenses/mit-license.php
|
|
10
|
-
|
|
11
|
-
* Hover.css Copyright Ian Lunn 2014. Generated with Sass.
|
|
8
|
+
* Hover.css Copyright Ian Lunn 2017. Generated with Sass.
|
|
12
9
|
*/
|
|
13
10
|
/* 2D TRANSITIONS */
|
|
14
11
|
/* Grow */
|
|
15
12
|
.hvr-grow {
|
|
16
13
|
display: inline-block;
|
|
17
14
|
vertical-align: middle;
|
|
18
|
-
-webkit-transform: translateZ(0);
|
|
19
|
-
transform: translateZ(0);
|
|
15
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
16
|
+
transform: perspective(1px) translateZ(0);
|
|
20
17
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
21
|
-
-webkit-backface-visibility: hidden;
|
|
22
|
-
backface-visibility: hidden;
|
|
23
|
-
-moz-osx-font-smoothing: grayscale;
|
|
24
18
|
-webkit-transition-duration: 0.3s;
|
|
25
19
|
transition-duration: 0.3s;
|
|
26
20
|
-webkit-transition-property: transform;
|
|
@@ -35,12 +29,9 @@
|
|
|
35
29
|
.hvr-shrink {
|
|
36
30
|
display: inline-block;
|
|
37
31
|
vertical-align: middle;
|
|
38
|
-
-webkit-transform: translateZ(0);
|
|
39
|
-
transform: translateZ(0);
|
|
32
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
33
|
+
transform: perspective(1px) translateZ(0);
|
|
40
34
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
41
|
-
-webkit-backface-visibility: hidden;
|
|
42
|
-
backface-visibility: hidden;
|
|
43
|
-
-moz-osx-font-smoothing: grayscale;
|
|
44
35
|
-webkit-transition-duration: 0.3s;
|
|
45
36
|
transition-duration: 0.3s;
|
|
46
37
|
-webkit-transition-property: transform;
|
|
@@ -57,34 +48,27 @@
|
|
|
57
48
|
-webkit-transform: scale(1.1);
|
|
58
49
|
transform: scale(1.1);
|
|
59
50
|
}
|
|
60
|
-
|
|
61
51
|
75% {
|
|
62
52
|
-webkit-transform: scale(0.9);
|
|
63
53
|
transform: scale(0.9);
|
|
64
54
|
}
|
|
65
55
|
}
|
|
66
|
-
|
|
67
56
|
@keyframes hvr-pulse {
|
|
68
57
|
25% {
|
|
69
58
|
-webkit-transform: scale(1.1);
|
|
70
59
|
transform: scale(1.1);
|
|
71
60
|
}
|
|
72
|
-
|
|
73
61
|
75% {
|
|
74
62
|
-webkit-transform: scale(0.9);
|
|
75
63
|
transform: scale(0.9);
|
|
76
64
|
}
|
|
77
65
|
}
|
|
78
|
-
|
|
79
66
|
.hvr-pulse {
|
|
80
67
|
display: inline-block;
|
|
81
68
|
vertical-align: middle;
|
|
82
|
-
-webkit-transform: translateZ(0);
|
|
83
|
-
transform: translateZ(0);
|
|
69
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
70
|
+
transform: perspective(1px) translateZ(0);
|
|
84
71
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
85
|
-
-webkit-backface-visibility: hidden;
|
|
86
|
-
backface-visibility: hidden;
|
|
87
|
-
-moz-osx-font-smoothing: grayscale;
|
|
88
72
|
}
|
|
89
73
|
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
|
|
90
74
|
-webkit-animation-name: hvr-pulse;
|
|
@@ -104,23 +88,18 @@
|
|
|
104
88
|
transform: scale(1.1);
|
|
105
89
|
}
|
|
106
90
|
}
|
|
107
|
-
|
|
108
91
|
@keyframes hvr-pulse-grow {
|
|
109
92
|
to {
|
|
110
93
|
-webkit-transform: scale(1.1);
|
|
111
94
|
transform: scale(1.1);
|
|
112
95
|
}
|
|
113
96
|
}
|
|
114
|
-
|
|
115
97
|
.hvr-pulse-grow {
|
|
116
98
|
display: inline-block;
|
|
117
99
|
vertical-align: middle;
|
|
118
|
-
-webkit-transform: translateZ(0);
|
|
119
|
-
transform: translateZ(0);
|
|
100
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
101
|
+
transform: perspective(1px) translateZ(0);
|
|
120
102
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
121
|
-
-webkit-backface-visibility: hidden;
|
|
122
|
-
backface-visibility: hidden;
|
|
123
|
-
-moz-osx-font-smoothing: grayscale;
|
|
124
103
|
}
|
|
125
104
|
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
|
|
126
105
|
-webkit-animation-name: hvr-pulse-grow;
|
|
@@ -142,23 +121,18 @@
|
|
|
142
121
|
transform: scale(0.9);
|
|
143
122
|
}
|
|
144
123
|
}
|
|
145
|
-
|
|
146
124
|
@keyframes hvr-pulse-shrink {
|
|
147
125
|
to {
|
|
148
126
|
-webkit-transform: scale(0.9);
|
|
149
127
|
transform: scale(0.9);
|
|
150
128
|
}
|
|
151
129
|
}
|
|
152
|
-
|
|
153
130
|
.hvr-pulse-shrink {
|
|
154
131
|
display: inline-block;
|
|
155
132
|
vertical-align: middle;
|
|
156
|
-
-webkit-transform: translateZ(0);
|
|
157
|
-
transform: translateZ(0);
|
|
133
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
134
|
+
transform: perspective(1px) translateZ(0);
|
|
158
135
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
159
|
-
-webkit-backface-visibility: hidden;
|
|
160
|
-
backface-visibility: hidden;
|
|
161
|
-
-moz-osx-font-smoothing: grayscale;
|
|
162
136
|
}
|
|
163
137
|
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
|
|
164
138
|
-webkit-animation-name: hvr-pulse-shrink;
|
|
@@ -179,34 +153,27 @@
|
|
|
179
153
|
-webkit-transform: scale(0.8);
|
|
180
154
|
transform: scale(0.8);
|
|
181
155
|
}
|
|
182
|
-
|
|
183
156
|
100% {
|
|
184
157
|
-webkit-transform: scale(1);
|
|
185
158
|
transform: scale(1);
|
|
186
159
|
}
|
|
187
160
|
}
|
|
188
|
-
|
|
189
161
|
@keyframes hvr-push {
|
|
190
162
|
50% {
|
|
191
163
|
-webkit-transform: scale(0.8);
|
|
192
164
|
transform: scale(0.8);
|
|
193
165
|
}
|
|
194
|
-
|
|
195
166
|
100% {
|
|
196
167
|
-webkit-transform: scale(1);
|
|
197
168
|
transform: scale(1);
|
|
198
169
|
}
|
|
199
170
|
}
|
|
200
|
-
|
|
201
171
|
.hvr-push {
|
|
202
172
|
display: inline-block;
|
|
203
173
|
vertical-align: middle;
|
|
204
|
-
-webkit-transform: translateZ(0);
|
|
205
|
-
transform: translateZ(0);
|
|
174
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
175
|
+
transform: perspective(1px) translateZ(0);
|
|
206
176
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
207
|
-
-webkit-backface-visibility: hidden;
|
|
208
|
-
backface-visibility: hidden;
|
|
209
|
-
-moz-osx-font-smoothing: grayscale;
|
|
210
177
|
}
|
|
211
178
|
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
|
|
212
179
|
-webkit-animation-name: hvr-push;
|
|
@@ -226,23 +193,18 @@
|
|
|
226
193
|
transform: scale(1.2);
|
|
227
194
|
}
|
|
228
195
|
}
|
|
229
|
-
|
|
230
196
|
@keyframes hvr-pop {
|
|
231
197
|
50% {
|
|
232
198
|
-webkit-transform: scale(1.2);
|
|
233
199
|
transform: scale(1.2);
|
|
234
200
|
}
|
|
235
201
|
}
|
|
236
|
-
|
|
237
202
|
.hvr-pop {
|
|
238
203
|
display: inline-block;
|
|
239
204
|
vertical-align: middle;
|
|
240
|
-
-webkit-transform: translateZ(0);
|
|
241
|
-
transform: translateZ(0);
|
|
205
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
206
|
+
transform: perspective(1px) translateZ(0);
|
|
242
207
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
243
|
-
-webkit-backface-visibility: hidden;
|
|
244
|
-
backface-visibility: hidden;
|
|
245
|
-
-moz-osx-font-smoothing: grayscale;
|
|
246
208
|
}
|
|
247
209
|
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
|
|
248
210
|
-webkit-animation-name: hvr-pop;
|
|
@@ -259,12 +221,9 @@
|
|
|
259
221
|
.hvr-bounce-in {
|
|
260
222
|
display: inline-block;
|
|
261
223
|
vertical-align: middle;
|
|
262
|
-
-webkit-transform: translateZ(0);
|
|
263
|
-
transform: translateZ(0);
|
|
224
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
225
|
+
transform: perspective(1px) translateZ(0);
|
|
264
226
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
265
|
-
-webkit-backface-visibility: hidden;
|
|
266
|
-
backface-visibility: hidden;
|
|
267
|
-
-moz-osx-font-smoothing: grayscale;
|
|
268
227
|
-webkit-transition-duration: 0.5s;
|
|
269
228
|
transition-duration: 0.5s;
|
|
270
229
|
}
|
|
@@ -279,12 +238,9 @@
|
|
|
279
238
|
.hvr-bounce-out {
|
|
280
239
|
display: inline-block;
|
|
281
240
|
vertical-align: middle;
|
|
282
|
-
-webkit-transform: translateZ(0);
|
|
283
|
-
transform: translateZ(0);
|
|
241
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
242
|
+
transform: perspective(1px) translateZ(0);
|
|
284
243
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
285
|
-
-webkit-backface-visibility: hidden;
|
|
286
|
-
backface-visibility: hidden;
|
|
287
|
-
-moz-osx-font-smoothing: grayscale;
|
|
288
244
|
-webkit-transition-duration: 0.5s;
|
|
289
245
|
transition-duration: 0.5s;
|
|
290
246
|
}
|
|
@@ -299,12 +255,9 @@
|
|
|
299
255
|
.hvr-rotate {
|
|
300
256
|
display: inline-block;
|
|
301
257
|
vertical-align: middle;
|
|
302
|
-
-webkit-transform: translateZ(0);
|
|
303
|
-
transform: translateZ(0);
|
|
258
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
259
|
+
transform: perspective(1px) translateZ(0);
|
|
304
260
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
305
|
-
-webkit-backface-visibility: hidden;
|
|
306
|
-
backface-visibility: hidden;
|
|
307
|
-
-moz-osx-font-smoothing: grayscale;
|
|
308
261
|
-webkit-transition-duration: 0.3s;
|
|
309
262
|
transition-duration: 0.3s;
|
|
310
263
|
-webkit-transition-property: transform;
|
|
@@ -319,12 +272,9 @@
|
|
|
319
272
|
.hvr-grow-rotate {
|
|
320
273
|
display: inline-block;
|
|
321
274
|
vertical-align: middle;
|
|
322
|
-
-webkit-transform: translateZ(0);
|
|
323
|
-
transform: translateZ(0);
|
|
275
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
276
|
+
transform: perspective(1px) translateZ(0);
|
|
324
277
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
325
|
-
-webkit-backface-visibility: hidden;
|
|
326
|
-
backface-visibility: hidden;
|
|
327
|
-
-moz-osx-font-smoothing: grayscale;
|
|
328
278
|
-webkit-transition-duration: 0.3s;
|
|
329
279
|
transition-duration: 0.3s;
|
|
330
280
|
-webkit-transition-property: transform;
|
|
@@ -339,12 +289,9 @@
|
|
|
339
289
|
.hvr-float {
|
|
340
290
|
display: inline-block;
|
|
341
291
|
vertical-align: middle;
|
|
342
|
-
-webkit-transform: translateZ(0);
|
|
343
|
-
transform: translateZ(0);
|
|
292
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
293
|
+
transform: perspective(1px) translateZ(0);
|
|
344
294
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
345
|
-
-webkit-backface-visibility: hidden;
|
|
346
|
-
backface-visibility: hidden;
|
|
347
|
-
-moz-osx-font-smoothing: grayscale;
|
|
348
295
|
-webkit-transition-duration: 0.3s;
|
|
349
296
|
transition-duration: 0.3s;
|
|
350
297
|
-webkit-transition-property: transform;
|
|
@@ -361,12 +308,9 @@
|
|
|
361
308
|
.hvr-sink {
|
|
362
309
|
display: inline-block;
|
|
363
310
|
vertical-align: middle;
|
|
364
|
-
-webkit-transform: translateZ(0);
|
|
365
|
-
transform: translateZ(0);
|
|
311
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
312
|
+
transform: perspective(1px) translateZ(0);
|
|
366
313
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
367
|
-
-webkit-backface-visibility: hidden;
|
|
368
|
-
backface-visibility: hidden;
|
|
369
|
-
-moz-osx-font-smoothing: grayscale;
|
|
370
314
|
-webkit-transition-duration: 0.3s;
|
|
371
315
|
transition-duration: 0.3s;
|
|
372
316
|
-webkit-transition-property: transform;
|
|
@@ -385,58 +329,47 @@
|
|
|
385
329
|
-webkit-transform: translateY(-8px);
|
|
386
330
|
transform: translateY(-8px);
|
|
387
331
|
}
|
|
388
|
-
|
|
389
332
|
50% {
|
|
390
333
|
-webkit-transform: translateY(-4px);
|
|
391
334
|
transform: translateY(-4px);
|
|
392
335
|
}
|
|
393
|
-
|
|
394
336
|
100% {
|
|
395
337
|
-webkit-transform: translateY(-8px);
|
|
396
338
|
transform: translateY(-8px);
|
|
397
339
|
}
|
|
398
340
|
}
|
|
399
|
-
|
|
400
341
|
@keyframes hvr-bob {
|
|
401
342
|
0% {
|
|
402
343
|
-webkit-transform: translateY(-8px);
|
|
403
344
|
transform: translateY(-8px);
|
|
404
345
|
}
|
|
405
|
-
|
|
406
346
|
50% {
|
|
407
347
|
-webkit-transform: translateY(-4px);
|
|
408
348
|
transform: translateY(-4px);
|
|
409
349
|
}
|
|
410
|
-
|
|
411
350
|
100% {
|
|
412
351
|
-webkit-transform: translateY(-8px);
|
|
413
352
|
transform: translateY(-8px);
|
|
414
353
|
}
|
|
415
354
|
}
|
|
416
|
-
|
|
417
355
|
@-webkit-keyframes hvr-bob-float {
|
|
418
356
|
100% {
|
|
419
357
|
-webkit-transform: translateY(-8px);
|
|
420
358
|
transform: translateY(-8px);
|
|
421
359
|
}
|
|
422
360
|
}
|
|
423
|
-
|
|
424
361
|
@keyframes hvr-bob-float {
|
|
425
362
|
100% {
|
|
426
363
|
-webkit-transform: translateY(-8px);
|
|
427
364
|
transform: translateY(-8px);
|
|
428
365
|
}
|
|
429
366
|
}
|
|
430
|
-
|
|
431
367
|
.hvr-bob {
|
|
432
368
|
display: inline-block;
|
|
433
369
|
vertical-align: middle;
|
|
434
|
-
-webkit-transform: translateZ(0);
|
|
435
|
-
transform: translateZ(0);
|
|
370
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
371
|
+
transform: perspective(1px) translateZ(0);
|
|
436
372
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
437
|
-
-webkit-backface-visibility: hidden;
|
|
438
|
-
backface-visibility: hidden;
|
|
439
|
-
-moz-osx-font-smoothing: grayscale;
|
|
440
373
|
}
|
|
441
374
|
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
|
|
442
375
|
-webkit-animation-name: hvr-bob-float, hvr-bob;
|
|
@@ -461,58 +394,47 @@
|
|
|
461
394
|
-webkit-transform: translateY(8px);
|
|
462
395
|
transform: translateY(8px);
|
|
463
396
|
}
|
|
464
|
-
|
|
465
397
|
50% {
|
|
466
398
|
-webkit-transform: translateY(4px);
|
|
467
399
|
transform: translateY(4px);
|
|
468
400
|
}
|
|
469
|
-
|
|
470
401
|
100% {
|
|
471
402
|
-webkit-transform: translateY(8px);
|
|
472
403
|
transform: translateY(8px);
|
|
473
404
|
}
|
|
474
405
|
}
|
|
475
|
-
|
|
476
406
|
@keyframes hvr-hang {
|
|
477
407
|
0% {
|
|
478
408
|
-webkit-transform: translateY(8px);
|
|
479
409
|
transform: translateY(8px);
|
|
480
410
|
}
|
|
481
|
-
|
|
482
411
|
50% {
|
|
483
412
|
-webkit-transform: translateY(4px);
|
|
484
413
|
transform: translateY(4px);
|
|
485
414
|
}
|
|
486
|
-
|
|
487
415
|
100% {
|
|
488
416
|
-webkit-transform: translateY(8px);
|
|
489
417
|
transform: translateY(8px);
|
|
490
418
|
}
|
|
491
419
|
}
|
|
492
|
-
|
|
493
420
|
@-webkit-keyframes hvr-hang-sink {
|
|
494
421
|
100% {
|
|
495
422
|
-webkit-transform: translateY(8px);
|
|
496
423
|
transform: translateY(8px);
|
|
497
424
|
}
|
|
498
425
|
}
|
|
499
|
-
|
|
500
426
|
@keyframes hvr-hang-sink {
|
|
501
427
|
100% {
|
|
502
428
|
-webkit-transform: translateY(8px);
|
|
503
429
|
transform: translateY(8px);
|
|
504
430
|
}
|
|
505
431
|
}
|
|
506
|
-
|
|
507
432
|
.hvr-hang {
|
|
508
433
|
display: inline-block;
|
|
509
434
|
vertical-align: middle;
|
|
510
|
-
-webkit-transform: translateZ(0);
|
|
511
|
-
transform: translateZ(0);
|
|
435
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
436
|
+
transform: perspective(1px) translateZ(0);
|
|
512
437
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
513
|
-
-webkit-backface-visibility: hidden;
|
|
514
|
-
backface-visibility: hidden;
|
|
515
|
-
-moz-osx-font-smoothing: grayscale;
|
|
516
438
|
}
|
|
517
439
|
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
|
|
518
440
|
-webkit-animation-name: hvr-hang-sink, hvr-hang;
|
|
@@ -535,12 +457,9 @@
|
|
|
535
457
|
.hvr-skew {
|
|
536
458
|
display: inline-block;
|
|
537
459
|
vertical-align: middle;
|
|
538
|
-
-webkit-transform: translateZ(0);
|
|
539
|
-
transform: translateZ(0);
|
|
460
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
461
|
+
transform: perspective(1px) translateZ(0);
|
|
540
462
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
541
|
-
-webkit-backface-visibility: hidden;
|
|
542
|
-
backface-visibility: hidden;
|
|
543
|
-
-moz-osx-font-smoothing: grayscale;
|
|
544
463
|
-webkit-transition-duration: 0.3s;
|
|
545
464
|
transition-duration: 0.3s;
|
|
546
465
|
-webkit-transition-property: transform;
|
|
@@ -555,12 +474,9 @@
|
|
|
555
474
|
.hvr-skew-forward {
|
|
556
475
|
display: inline-block;
|
|
557
476
|
vertical-align: middle;
|
|
558
|
-
-webkit-transform: translateZ(0);
|
|
559
|
-
transform: translateZ(0);
|
|
477
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
478
|
+
transform: perspective(1px) translateZ(0);
|
|
560
479
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
561
|
-
-webkit-backface-visibility: hidden;
|
|
562
|
-
backface-visibility: hidden;
|
|
563
|
-
-moz-osx-font-smoothing: grayscale;
|
|
564
480
|
-webkit-transition-duration: 0.3s;
|
|
565
481
|
transition-duration: 0.3s;
|
|
566
482
|
-webkit-transition-property: transform;
|
|
@@ -577,12 +493,9 @@
|
|
|
577
493
|
.hvr-skew-backward {
|
|
578
494
|
display: inline-block;
|
|
579
495
|
vertical-align: middle;
|
|
580
|
-
-webkit-transform: translateZ(0);
|
|
581
|
-
transform: translateZ(0);
|
|
496
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
497
|
+
transform: perspective(1px) translateZ(0);
|
|
582
498
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
583
|
-
-webkit-backface-visibility: hidden;
|
|
584
|
-
backface-visibility: hidden;
|
|
585
|
-
-moz-osx-font-smoothing: grayscale;
|
|
586
499
|
-webkit-transition-duration: 0.3s;
|
|
587
500
|
transition-duration: 0.3s;
|
|
588
501
|
-webkit-transition-property: transform;
|
|
@@ -601,74 +514,59 @@
|
|
|
601
514
|
-webkit-transform: translateY(8px);
|
|
602
515
|
transform: translateY(8px);
|
|
603
516
|
}
|
|
604
|
-
|
|
605
517
|
33.3% {
|
|
606
518
|
-webkit-transform: translateY(-6px);
|
|
607
519
|
transform: translateY(-6px);
|
|
608
520
|
}
|
|
609
|
-
|
|
610
521
|
49.95% {
|
|
611
522
|
-webkit-transform: translateY(4px);
|
|
612
523
|
transform: translateY(4px);
|
|
613
524
|
}
|
|
614
|
-
|
|
615
525
|
66.6% {
|
|
616
526
|
-webkit-transform: translateY(-2px);
|
|
617
527
|
transform: translateY(-2px);
|
|
618
528
|
}
|
|
619
|
-
|
|
620
529
|
83.25% {
|
|
621
530
|
-webkit-transform: translateY(1px);
|
|
622
531
|
transform: translateY(1px);
|
|
623
532
|
}
|
|
624
|
-
|
|
625
533
|
100% {
|
|
626
534
|
-webkit-transform: translateY(0);
|
|
627
535
|
transform: translateY(0);
|
|
628
536
|
}
|
|
629
537
|
}
|
|
630
|
-
|
|
631
538
|
@keyframes hvr-wobble-vertical {
|
|
632
539
|
16.65% {
|
|
633
540
|
-webkit-transform: translateY(8px);
|
|
634
541
|
transform: translateY(8px);
|
|
635
542
|
}
|
|
636
|
-
|
|
637
543
|
33.3% {
|
|
638
544
|
-webkit-transform: translateY(-6px);
|
|
639
545
|
transform: translateY(-6px);
|
|
640
546
|
}
|
|
641
|
-
|
|
642
547
|
49.95% {
|
|
643
548
|
-webkit-transform: translateY(4px);
|
|
644
549
|
transform: translateY(4px);
|
|
645
550
|
}
|
|
646
|
-
|
|
647
551
|
66.6% {
|
|
648
552
|
-webkit-transform: translateY(-2px);
|
|
649
553
|
transform: translateY(-2px);
|
|
650
554
|
}
|
|
651
|
-
|
|
652
555
|
83.25% {
|
|
653
556
|
-webkit-transform: translateY(1px);
|
|
654
557
|
transform: translateY(1px);
|
|
655
558
|
}
|
|
656
|
-
|
|
657
559
|
100% {
|
|
658
560
|
-webkit-transform: translateY(0);
|
|
659
561
|
transform: translateY(0);
|
|
660
562
|
}
|
|
661
563
|
}
|
|
662
|
-
|
|
663
564
|
.hvr-wobble-vertical {
|
|
664
565
|
display: inline-block;
|
|
665
566
|
vertical-align: middle;
|
|
666
|
-
-webkit-transform: translateZ(0);
|
|
667
|
-
transform: translateZ(0);
|
|
567
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
568
|
+
transform: perspective(1px) translateZ(0);
|
|
668
569
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
669
|
-
-webkit-backface-visibility: hidden;
|
|
670
|
-
backface-visibility: hidden;
|
|
671
|
-
-moz-osx-font-smoothing: grayscale;
|
|
672
570
|
}
|
|
673
571
|
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
|
|
674
572
|
-webkit-animation-name: hvr-wobble-vertical;
|
|
@@ -687,74 +585,59 @@
|
|
|
687
585
|
-webkit-transform: translateX(8px);
|
|
688
586
|
transform: translateX(8px);
|
|
689
587
|
}
|
|
690
|
-
|
|
691
588
|
33.3% {
|
|
692
589
|
-webkit-transform: translateX(-6px);
|
|
693
590
|
transform: translateX(-6px);
|
|
694
591
|
}
|
|
695
|
-
|
|
696
592
|
49.95% {
|
|
697
593
|
-webkit-transform: translateX(4px);
|
|
698
594
|
transform: translateX(4px);
|
|
699
595
|
}
|
|
700
|
-
|
|
701
596
|
66.6% {
|
|
702
597
|
-webkit-transform: translateX(-2px);
|
|
703
598
|
transform: translateX(-2px);
|
|
704
599
|
}
|
|
705
|
-
|
|
706
600
|
83.25% {
|
|
707
601
|
-webkit-transform: translateX(1px);
|
|
708
602
|
transform: translateX(1px);
|
|
709
603
|
}
|
|
710
|
-
|
|
711
604
|
100% {
|
|
712
605
|
-webkit-transform: translateX(0);
|
|
713
606
|
transform: translateX(0);
|
|
714
607
|
}
|
|
715
608
|
}
|
|
716
|
-
|
|
717
609
|
@keyframes hvr-wobble-horizontal {
|
|
718
610
|
16.65% {
|
|
719
611
|
-webkit-transform: translateX(8px);
|
|
720
612
|
transform: translateX(8px);
|
|
721
613
|
}
|
|
722
|
-
|
|
723
614
|
33.3% {
|
|
724
615
|
-webkit-transform: translateX(-6px);
|
|
725
616
|
transform: translateX(-6px);
|
|
726
617
|
}
|
|
727
|
-
|
|
728
618
|
49.95% {
|
|
729
619
|
-webkit-transform: translateX(4px);
|
|
730
620
|
transform: translateX(4px);
|
|
731
621
|
}
|
|
732
|
-
|
|
733
622
|
66.6% {
|
|
734
623
|
-webkit-transform: translateX(-2px);
|
|
735
624
|
transform: translateX(-2px);
|
|
736
625
|
}
|
|
737
|
-
|
|
738
626
|
83.25% {
|
|
739
627
|
-webkit-transform: translateX(1px);
|
|
740
628
|
transform: translateX(1px);
|
|
741
629
|
}
|
|
742
|
-
|
|
743
630
|
100% {
|
|
744
631
|
-webkit-transform: translateX(0);
|
|
745
632
|
transform: translateX(0);
|
|
746
633
|
}
|
|
747
634
|
}
|
|
748
|
-
|
|
749
635
|
.hvr-wobble-horizontal {
|
|
750
636
|
display: inline-block;
|
|
751
637
|
vertical-align: middle;
|
|
752
|
-
-webkit-transform: translateZ(0);
|
|
753
|
-
transform: translateZ(0);
|
|
638
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
639
|
+
transform: perspective(1px) translateZ(0);
|
|
754
640
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
755
|
-
-webkit-backface-visibility: hidden;
|
|
756
|
-
backface-visibility: hidden;
|
|
757
|
-
-moz-osx-font-smoothing: grayscale;
|
|
758
641
|
}
|
|
759
642
|
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
|
|
760
643
|
-webkit-animation-name: hvr-wobble-horizontal;
|
|
@@ -773,74 +656,59 @@
|
|
|
773
656
|
-webkit-transform: translate(8px, 8px);
|
|
774
657
|
transform: translate(8px, 8px);
|
|
775
658
|
}
|
|
776
|
-
|
|
777
659
|
33.3% {
|
|
778
660
|
-webkit-transform: translate(-6px, -6px);
|
|
779
661
|
transform: translate(-6px, -6px);
|
|
780
662
|
}
|
|
781
|
-
|
|
782
663
|
49.95% {
|
|
783
664
|
-webkit-transform: translate(4px, 4px);
|
|
784
665
|
transform: translate(4px, 4px);
|
|
785
666
|
}
|
|
786
|
-
|
|
787
667
|
66.6% {
|
|
788
668
|
-webkit-transform: translate(-2px, -2px);
|
|
789
669
|
transform: translate(-2px, -2px);
|
|
790
670
|
}
|
|
791
|
-
|
|
792
671
|
83.25% {
|
|
793
672
|
-webkit-transform: translate(1px, 1px);
|
|
794
673
|
transform: translate(1px, 1px);
|
|
795
674
|
}
|
|
796
|
-
|
|
797
675
|
100% {
|
|
798
676
|
-webkit-transform: translate(0, 0);
|
|
799
677
|
transform: translate(0, 0);
|
|
800
678
|
}
|
|
801
679
|
}
|
|
802
|
-
|
|
803
680
|
@keyframes hvr-wobble-to-bottom-right {
|
|
804
681
|
16.65% {
|
|
805
682
|
-webkit-transform: translate(8px, 8px);
|
|
806
683
|
transform: translate(8px, 8px);
|
|
807
684
|
}
|
|
808
|
-
|
|
809
685
|
33.3% {
|
|
810
686
|
-webkit-transform: translate(-6px, -6px);
|
|
811
687
|
transform: translate(-6px, -6px);
|
|
812
688
|
}
|
|
813
|
-
|
|
814
689
|
49.95% {
|
|
815
690
|
-webkit-transform: translate(4px, 4px);
|
|
816
691
|
transform: translate(4px, 4px);
|
|
817
692
|
}
|
|
818
|
-
|
|
819
693
|
66.6% {
|
|
820
694
|
-webkit-transform: translate(-2px, -2px);
|
|
821
695
|
transform: translate(-2px, -2px);
|
|
822
696
|
}
|
|
823
|
-
|
|
824
697
|
83.25% {
|
|
825
698
|
-webkit-transform: translate(1px, 1px);
|
|
826
699
|
transform: translate(1px, 1px);
|
|
827
700
|
}
|
|
828
|
-
|
|
829
701
|
100% {
|
|
830
702
|
-webkit-transform: translate(0, 0);
|
|
831
703
|
transform: translate(0, 0);
|
|
832
704
|
}
|
|
833
705
|
}
|
|
834
|
-
|
|
835
706
|
.hvr-wobble-to-bottom-right {
|
|
836
707
|
display: inline-block;
|
|
837
708
|
vertical-align: middle;
|
|
838
|
-
-webkit-transform: translateZ(0);
|
|
839
|
-
transform: translateZ(0);
|
|
709
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
710
|
+
transform: perspective(1px) translateZ(0);
|
|
840
711
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
841
|
-
-webkit-backface-visibility: hidden;
|
|
842
|
-
backface-visibility: hidden;
|
|
843
|
-
-moz-osx-font-smoothing: grayscale;
|
|
844
712
|
}
|
|
845
713
|
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
|
|
846
714
|
-webkit-animation-name: hvr-wobble-to-bottom-right;
|
|
@@ -859,74 +727,59 @@
|
|
|
859
727
|
-webkit-transform: translate(8px, -8px);
|
|
860
728
|
transform: translate(8px, -8px);
|
|
861
729
|
}
|
|
862
|
-
|
|
863
730
|
33.3% {
|
|
864
731
|
-webkit-transform: translate(-6px, 6px);
|
|
865
732
|
transform: translate(-6px, 6px);
|
|
866
733
|
}
|
|
867
|
-
|
|
868
734
|
49.95% {
|
|
869
735
|
-webkit-transform: translate(4px, -4px);
|
|
870
736
|
transform: translate(4px, -4px);
|
|
871
737
|
}
|
|
872
|
-
|
|
873
738
|
66.6% {
|
|
874
739
|
-webkit-transform: translate(-2px, 2px);
|
|
875
740
|
transform: translate(-2px, 2px);
|
|
876
741
|
}
|
|
877
|
-
|
|
878
742
|
83.25% {
|
|
879
743
|
-webkit-transform: translate(1px, -1px);
|
|
880
744
|
transform: translate(1px, -1px);
|
|
881
745
|
}
|
|
882
|
-
|
|
883
746
|
100% {
|
|
884
747
|
-webkit-transform: translate(0, 0);
|
|
885
748
|
transform: translate(0, 0);
|
|
886
749
|
}
|
|
887
750
|
}
|
|
888
|
-
|
|
889
751
|
@keyframes hvr-wobble-to-top-right {
|
|
890
752
|
16.65% {
|
|
891
753
|
-webkit-transform: translate(8px, -8px);
|
|
892
754
|
transform: translate(8px, -8px);
|
|
893
755
|
}
|
|
894
|
-
|
|
895
756
|
33.3% {
|
|
896
757
|
-webkit-transform: translate(-6px, 6px);
|
|
897
758
|
transform: translate(-6px, 6px);
|
|
898
759
|
}
|
|
899
|
-
|
|
900
760
|
49.95% {
|
|
901
761
|
-webkit-transform: translate(4px, -4px);
|
|
902
762
|
transform: translate(4px, -4px);
|
|
903
763
|
}
|
|
904
|
-
|
|
905
764
|
66.6% {
|
|
906
765
|
-webkit-transform: translate(-2px, 2px);
|
|
907
766
|
transform: translate(-2px, 2px);
|
|
908
767
|
}
|
|
909
|
-
|
|
910
768
|
83.25% {
|
|
911
769
|
-webkit-transform: translate(1px, -1px);
|
|
912
770
|
transform: translate(1px, -1px);
|
|
913
771
|
}
|
|
914
|
-
|
|
915
772
|
100% {
|
|
916
773
|
-webkit-transform: translate(0, 0);
|
|
917
774
|
transform: translate(0, 0);
|
|
918
775
|
}
|
|
919
776
|
}
|
|
920
|
-
|
|
921
777
|
.hvr-wobble-to-top-right {
|
|
922
778
|
display: inline-block;
|
|
923
779
|
vertical-align: middle;
|
|
924
|
-
-webkit-transform: translateZ(0);
|
|
925
|
-
transform: translateZ(0);
|
|
780
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
781
|
+
transform: perspective(1px) translateZ(0);
|
|
926
782
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
927
|
-
-webkit-backface-visibility: hidden;
|
|
928
|
-
backface-visibility: hidden;
|
|
929
|
-
-moz-osx-font-smoothing: grayscale;
|
|
930
783
|
}
|
|
931
784
|
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
|
|
932
785
|
-webkit-animation-name: hvr-wobble-to-top-right;
|
|
@@ -945,74 +798,59 @@
|
|
|
945
798
|
-webkit-transform: skew(-12deg);
|
|
946
799
|
transform: skew(-12deg);
|
|
947
800
|
}
|
|
948
|
-
|
|
949
801
|
33.3% {
|
|
950
802
|
-webkit-transform: skew(10deg);
|
|
951
803
|
transform: skew(10deg);
|
|
952
804
|
}
|
|
953
|
-
|
|
954
805
|
49.95% {
|
|
955
806
|
-webkit-transform: skew(-6deg);
|
|
956
807
|
transform: skew(-6deg);
|
|
957
808
|
}
|
|
958
|
-
|
|
959
809
|
66.6% {
|
|
960
810
|
-webkit-transform: skew(4deg);
|
|
961
811
|
transform: skew(4deg);
|
|
962
812
|
}
|
|
963
|
-
|
|
964
813
|
83.25% {
|
|
965
814
|
-webkit-transform: skew(-2deg);
|
|
966
815
|
transform: skew(-2deg);
|
|
967
816
|
}
|
|
968
|
-
|
|
969
817
|
100% {
|
|
970
818
|
-webkit-transform: skew(0);
|
|
971
819
|
transform: skew(0);
|
|
972
820
|
}
|
|
973
821
|
}
|
|
974
|
-
|
|
975
822
|
@keyframes hvr-wobble-top {
|
|
976
823
|
16.65% {
|
|
977
824
|
-webkit-transform: skew(-12deg);
|
|
978
825
|
transform: skew(-12deg);
|
|
979
826
|
}
|
|
980
|
-
|
|
981
827
|
33.3% {
|
|
982
828
|
-webkit-transform: skew(10deg);
|
|
983
829
|
transform: skew(10deg);
|
|
984
830
|
}
|
|
985
|
-
|
|
986
831
|
49.95% {
|
|
987
832
|
-webkit-transform: skew(-6deg);
|
|
988
833
|
transform: skew(-6deg);
|
|
989
834
|
}
|
|
990
|
-
|
|
991
835
|
66.6% {
|
|
992
836
|
-webkit-transform: skew(4deg);
|
|
993
837
|
transform: skew(4deg);
|
|
994
838
|
}
|
|
995
|
-
|
|
996
839
|
83.25% {
|
|
997
840
|
-webkit-transform: skew(-2deg);
|
|
998
841
|
transform: skew(-2deg);
|
|
999
842
|
}
|
|
1000
|
-
|
|
1001
843
|
100% {
|
|
1002
844
|
-webkit-transform: skew(0);
|
|
1003
845
|
transform: skew(0);
|
|
1004
846
|
}
|
|
1005
847
|
}
|
|
1006
|
-
|
|
1007
848
|
.hvr-wobble-top {
|
|
1008
849
|
display: inline-block;
|
|
1009
850
|
vertical-align: middle;
|
|
1010
|
-
-webkit-transform: translateZ(0);
|
|
1011
|
-
transform: translateZ(0);
|
|
851
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
852
|
+
transform: perspective(1px) translateZ(0);
|
|
1012
853
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1013
|
-
-webkit-backface-visibility: hidden;
|
|
1014
|
-
backface-visibility: hidden;
|
|
1015
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1016
854
|
-webkit-transform-origin: 0 100%;
|
|
1017
855
|
transform-origin: 0 100%;
|
|
1018
856
|
}
|
|
@@ -1033,74 +871,59 @@
|
|
|
1033
871
|
-webkit-transform: skew(-12deg);
|
|
1034
872
|
transform: skew(-12deg);
|
|
1035
873
|
}
|
|
1036
|
-
|
|
1037
874
|
33.3% {
|
|
1038
875
|
-webkit-transform: skew(10deg);
|
|
1039
876
|
transform: skew(10deg);
|
|
1040
877
|
}
|
|
1041
|
-
|
|
1042
878
|
49.95% {
|
|
1043
879
|
-webkit-transform: skew(-6deg);
|
|
1044
880
|
transform: skew(-6deg);
|
|
1045
881
|
}
|
|
1046
|
-
|
|
1047
882
|
66.6% {
|
|
1048
883
|
-webkit-transform: skew(4deg);
|
|
1049
884
|
transform: skew(4deg);
|
|
1050
885
|
}
|
|
1051
|
-
|
|
1052
886
|
83.25% {
|
|
1053
887
|
-webkit-transform: skew(-2deg);
|
|
1054
888
|
transform: skew(-2deg);
|
|
1055
889
|
}
|
|
1056
|
-
|
|
1057
890
|
100% {
|
|
1058
891
|
-webkit-transform: skew(0);
|
|
1059
892
|
transform: skew(0);
|
|
1060
893
|
}
|
|
1061
894
|
}
|
|
1062
|
-
|
|
1063
895
|
@keyframes hvr-wobble-bottom {
|
|
1064
896
|
16.65% {
|
|
1065
897
|
-webkit-transform: skew(-12deg);
|
|
1066
898
|
transform: skew(-12deg);
|
|
1067
899
|
}
|
|
1068
|
-
|
|
1069
900
|
33.3% {
|
|
1070
901
|
-webkit-transform: skew(10deg);
|
|
1071
902
|
transform: skew(10deg);
|
|
1072
903
|
}
|
|
1073
|
-
|
|
1074
904
|
49.95% {
|
|
1075
905
|
-webkit-transform: skew(-6deg);
|
|
1076
906
|
transform: skew(-6deg);
|
|
1077
907
|
}
|
|
1078
|
-
|
|
1079
908
|
66.6% {
|
|
1080
909
|
-webkit-transform: skew(4deg);
|
|
1081
910
|
transform: skew(4deg);
|
|
1082
911
|
}
|
|
1083
|
-
|
|
1084
912
|
83.25% {
|
|
1085
913
|
-webkit-transform: skew(-2deg);
|
|
1086
914
|
transform: skew(-2deg);
|
|
1087
915
|
}
|
|
1088
|
-
|
|
1089
916
|
100% {
|
|
1090
917
|
-webkit-transform: skew(0);
|
|
1091
918
|
transform: skew(0);
|
|
1092
919
|
}
|
|
1093
920
|
}
|
|
1094
|
-
|
|
1095
921
|
.hvr-wobble-bottom {
|
|
1096
922
|
display: inline-block;
|
|
1097
923
|
vertical-align: middle;
|
|
1098
|
-
-webkit-transform: translateZ(0);
|
|
1099
|
-
transform: translateZ(0);
|
|
924
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
925
|
+
transform: perspective(1px) translateZ(0);
|
|
1100
926
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1101
|
-
-webkit-backface-visibility: hidden;
|
|
1102
|
-
backface-visibility: hidden;
|
|
1103
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1104
927
|
-webkit-transform-origin: 100% 0;
|
|
1105
928
|
transform-origin: 100% 0;
|
|
1106
929
|
}
|
|
@@ -1121,74 +944,59 @@
|
|
|
1121
944
|
-webkit-transform: skew(-12deg);
|
|
1122
945
|
transform: skew(-12deg);
|
|
1123
946
|
}
|
|
1124
|
-
|
|
1125
947
|
33.3% {
|
|
1126
948
|
-webkit-transform: skew(10deg);
|
|
1127
949
|
transform: skew(10deg);
|
|
1128
950
|
}
|
|
1129
|
-
|
|
1130
951
|
49.95% {
|
|
1131
952
|
-webkit-transform: skew(-6deg);
|
|
1132
953
|
transform: skew(-6deg);
|
|
1133
954
|
}
|
|
1134
|
-
|
|
1135
955
|
66.6% {
|
|
1136
956
|
-webkit-transform: skew(4deg);
|
|
1137
957
|
transform: skew(4deg);
|
|
1138
958
|
}
|
|
1139
|
-
|
|
1140
959
|
83.25% {
|
|
1141
960
|
-webkit-transform: skew(-2deg);
|
|
1142
961
|
transform: skew(-2deg);
|
|
1143
962
|
}
|
|
1144
|
-
|
|
1145
963
|
100% {
|
|
1146
964
|
-webkit-transform: skew(0);
|
|
1147
965
|
transform: skew(0);
|
|
1148
966
|
}
|
|
1149
967
|
}
|
|
1150
|
-
|
|
1151
968
|
@keyframes hvr-wobble-skew {
|
|
1152
969
|
16.65% {
|
|
1153
970
|
-webkit-transform: skew(-12deg);
|
|
1154
971
|
transform: skew(-12deg);
|
|
1155
972
|
}
|
|
1156
|
-
|
|
1157
973
|
33.3% {
|
|
1158
974
|
-webkit-transform: skew(10deg);
|
|
1159
975
|
transform: skew(10deg);
|
|
1160
976
|
}
|
|
1161
|
-
|
|
1162
977
|
49.95% {
|
|
1163
978
|
-webkit-transform: skew(-6deg);
|
|
1164
979
|
transform: skew(-6deg);
|
|
1165
980
|
}
|
|
1166
|
-
|
|
1167
981
|
66.6% {
|
|
1168
982
|
-webkit-transform: skew(4deg);
|
|
1169
983
|
transform: skew(4deg);
|
|
1170
984
|
}
|
|
1171
|
-
|
|
1172
985
|
83.25% {
|
|
1173
986
|
-webkit-transform: skew(-2deg);
|
|
1174
987
|
transform: skew(-2deg);
|
|
1175
988
|
}
|
|
1176
|
-
|
|
1177
989
|
100% {
|
|
1178
990
|
-webkit-transform: skew(0);
|
|
1179
991
|
transform: skew(0);
|
|
1180
992
|
}
|
|
1181
993
|
}
|
|
1182
|
-
|
|
1183
994
|
.hvr-wobble-skew {
|
|
1184
995
|
display: inline-block;
|
|
1185
996
|
vertical-align: middle;
|
|
1186
|
-
-webkit-transform: translateZ(0);
|
|
1187
|
-
transform: translateZ(0);
|
|
997
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
998
|
+
transform: perspective(1px) translateZ(0);
|
|
1188
999
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1189
|
-
-webkit-backface-visibility: hidden;
|
|
1190
|
-
backface-visibility: hidden;
|
|
1191
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1192
1000
|
}
|
|
1193
1001
|
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
|
|
1194
1002
|
-webkit-animation-name: hvr-wobble-skew;
|
|
@@ -1207,34 +1015,27 @@
|
|
|
1207
1015
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
1208
1016
|
transform: translateX(3px) rotate(2deg);
|
|
1209
1017
|
}
|
|
1210
|
-
|
|
1211
1018
|
100% {
|
|
1212
1019
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
1213
1020
|
transform: translateX(-3px) rotate(-2deg);
|
|
1214
1021
|
}
|
|
1215
1022
|
}
|
|
1216
|
-
|
|
1217
1023
|
@keyframes hvr-buzz {
|
|
1218
1024
|
50% {
|
|
1219
1025
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
1220
1026
|
transform: translateX(3px) rotate(2deg);
|
|
1221
1027
|
}
|
|
1222
|
-
|
|
1223
1028
|
100% {
|
|
1224
1029
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
1225
1030
|
transform: translateX(-3px) rotate(-2deg);
|
|
1226
1031
|
}
|
|
1227
1032
|
}
|
|
1228
|
-
|
|
1229
1033
|
.hvr-buzz {
|
|
1230
1034
|
display: inline-block;
|
|
1231
1035
|
vertical-align: middle;
|
|
1232
|
-
-webkit-transform: translateZ(0);
|
|
1233
|
-
transform: translateZ(0);
|
|
1036
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1037
|
+
transform: perspective(1px) translateZ(0);
|
|
1234
1038
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1235
|
-
-webkit-backface-visibility: hidden;
|
|
1236
|
-
backface-visibility: hidden;
|
|
1237
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1238
1039
|
}
|
|
1239
1040
|
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
|
|
1240
1041
|
-webkit-animation-name: hvr-buzz;
|
|
@@ -1253,114 +1054,91 @@
|
|
|
1253
1054
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
1254
1055
|
transform: translateX(3px) rotate(2deg);
|
|
1255
1056
|
}
|
|
1256
|
-
|
|
1257
1057
|
20% {
|
|
1258
1058
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
1259
1059
|
transform: translateX(-3px) rotate(-2deg);
|
|
1260
1060
|
}
|
|
1261
|
-
|
|
1262
1061
|
30% {
|
|
1263
1062
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
1264
1063
|
transform: translateX(3px) rotate(2deg);
|
|
1265
1064
|
}
|
|
1266
|
-
|
|
1267
1065
|
40% {
|
|
1268
1066
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
1269
1067
|
transform: translateX(-3px) rotate(-2deg);
|
|
1270
1068
|
}
|
|
1271
|
-
|
|
1272
1069
|
50% {
|
|
1273
1070
|
-webkit-transform: translateX(2px) rotate(1deg);
|
|
1274
1071
|
transform: translateX(2px) rotate(1deg);
|
|
1275
1072
|
}
|
|
1276
|
-
|
|
1277
1073
|
60% {
|
|
1278
1074
|
-webkit-transform: translateX(-2px) rotate(-1deg);
|
|
1279
1075
|
transform: translateX(-2px) rotate(-1deg);
|
|
1280
1076
|
}
|
|
1281
|
-
|
|
1282
1077
|
70% {
|
|
1283
1078
|
-webkit-transform: translateX(2px) rotate(1deg);
|
|
1284
1079
|
transform: translateX(2px) rotate(1deg);
|
|
1285
1080
|
}
|
|
1286
|
-
|
|
1287
1081
|
80% {
|
|
1288
1082
|
-webkit-transform: translateX(-2px) rotate(-1deg);
|
|
1289
1083
|
transform: translateX(-2px) rotate(-1deg);
|
|
1290
1084
|
}
|
|
1291
|
-
|
|
1292
1085
|
90% {
|
|
1293
1086
|
-webkit-transform: translateX(1px) rotate(0);
|
|
1294
1087
|
transform: translateX(1px) rotate(0);
|
|
1295
1088
|
}
|
|
1296
|
-
|
|
1297
1089
|
100% {
|
|
1298
1090
|
-webkit-transform: translateX(-1px) rotate(0);
|
|
1299
1091
|
transform: translateX(-1px) rotate(0);
|
|
1300
1092
|
}
|
|
1301
1093
|
}
|
|
1302
|
-
|
|
1303
1094
|
@keyframes hvr-buzz-out {
|
|
1304
1095
|
10% {
|
|
1305
1096
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
1306
1097
|
transform: translateX(3px) rotate(2deg);
|
|
1307
1098
|
}
|
|
1308
|
-
|
|
1309
1099
|
20% {
|
|
1310
1100
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
1311
1101
|
transform: translateX(-3px) rotate(-2deg);
|
|
1312
1102
|
}
|
|
1313
|
-
|
|
1314
1103
|
30% {
|
|
1315
1104
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
1316
1105
|
transform: translateX(3px) rotate(2deg);
|
|
1317
1106
|
}
|
|
1318
|
-
|
|
1319
1107
|
40% {
|
|
1320
1108
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
1321
1109
|
transform: translateX(-3px) rotate(-2deg);
|
|
1322
1110
|
}
|
|
1323
|
-
|
|
1324
1111
|
50% {
|
|
1325
1112
|
-webkit-transform: translateX(2px) rotate(1deg);
|
|
1326
1113
|
transform: translateX(2px) rotate(1deg);
|
|
1327
1114
|
}
|
|
1328
|
-
|
|
1329
1115
|
60% {
|
|
1330
1116
|
-webkit-transform: translateX(-2px) rotate(-1deg);
|
|
1331
1117
|
transform: translateX(-2px) rotate(-1deg);
|
|
1332
1118
|
}
|
|
1333
|
-
|
|
1334
1119
|
70% {
|
|
1335
1120
|
-webkit-transform: translateX(2px) rotate(1deg);
|
|
1336
1121
|
transform: translateX(2px) rotate(1deg);
|
|
1337
1122
|
}
|
|
1338
|
-
|
|
1339
1123
|
80% {
|
|
1340
1124
|
-webkit-transform: translateX(-2px) rotate(-1deg);
|
|
1341
1125
|
transform: translateX(-2px) rotate(-1deg);
|
|
1342
1126
|
}
|
|
1343
|
-
|
|
1344
1127
|
90% {
|
|
1345
1128
|
-webkit-transform: translateX(1px) rotate(0);
|
|
1346
1129
|
transform: translateX(1px) rotate(0);
|
|
1347
1130
|
}
|
|
1348
|
-
|
|
1349
1131
|
100% {
|
|
1350
1132
|
-webkit-transform: translateX(-1px) rotate(0);
|
|
1351
1133
|
transform: translateX(-1px) rotate(0);
|
|
1352
1134
|
}
|
|
1353
1135
|
}
|
|
1354
|
-
|
|
1355
1136
|
.hvr-buzz-out {
|
|
1356
1137
|
display: inline-block;
|
|
1357
1138
|
vertical-align: middle;
|
|
1358
|
-
-webkit-transform: translateZ(0);
|
|
1359
|
-
transform: translateZ(0);
|
|
1139
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1140
|
+
transform: perspective(1px) translateZ(0);
|
|
1360
1141
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1361
|
-
-webkit-backface-visibility: hidden;
|
|
1362
|
-
backface-visibility: hidden;
|
|
1363
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1364
1142
|
}
|
|
1365
1143
|
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
|
|
1366
1144
|
-webkit-animation-name: hvr-buzz-out;
|
|
@@ -1373,17 +1151,48 @@
|
|
|
1373
1151
|
animation-iteration-count: 1;
|
|
1374
1152
|
}
|
|
1375
1153
|
|
|
1154
|
+
/* Forward */
|
|
1155
|
+
.hvr-forward {
|
|
1156
|
+
display: inline-block;
|
|
1157
|
+
vertical-align: middle;
|
|
1158
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1159
|
+
transform: perspective(1px) translateZ(0);
|
|
1160
|
+
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1161
|
+
-webkit-transition-duration: 0.3s;
|
|
1162
|
+
transition-duration: 0.3s;
|
|
1163
|
+
-webkit-transition-property: transform;
|
|
1164
|
+
transition-property: transform;
|
|
1165
|
+
}
|
|
1166
|
+
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
|
|
1167
|
+
-webkit-transform: translateX(8px);
|
|
1168
|
+
transform: translateX(8px);
|
|
1169
|
+
}
|
|
1170
|
+
|
|
1171
|
+
/* Backward */
|
|
1172
|
+
.hvr-backward {
|
|
1173
|
+
display: inline-block;
|
|
1174
|
+
vertical-align: middle;
|
|
1175
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1176
|
+
transform: perspective(1px) translateZ(0);
|
|
1177
|
+
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1178
|
+
-webkit-transition-duration: 0.3s;
|
|
1179
|
+
transition-duration: 0.3s;
|
|
1180
|
+
-webkit-transition-property: transform;
|
|
1181
|
+
transition-property: transform;
|
|
1182
|
+
}
|
|
1183
|
+
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
|
|
1184
|
+
-webkit-transform: translateX(-8px);
|
|
1185
|
+
transform: translateX(-8px);
|
|
1186
|
+
}
|
|
1187
|
+
|
|
1376
1188
|
/* BACKGROUND TRANSITIONS */
|
|
1377
1189
|
/* Fade */
|
|
1378
1190
|
.hvr-fade {
|
|
1379
1191
|
display: inline-block;
|
|
1380
1192
|
vertical-align: middle;
|
|
1381
|
-
-webkit-transform: translateZ(0);
|
|
1382
|
-
transform: translateZ(0);
|
|
1193
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1194
|
+
transform: perspective(1px) translateZ(0);
|
|
1383
1195
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1384
|
-
-webkit-backface-visibility: hidden;
|
|
1385
|
-
backface-visibility: hidden;
|
|
1386
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1387
1196
|
overflow: hidden;
|
|
1388
1197
|
-webkit-transition-duration: 0.3s;
|
|
1389
1198
|
transition-duration: 0.3s;
|
|
@@ -1391,7 +1200,7 @@
|
|
|
1391
1200
|
transition-property: color, background-color;
|
|
1392
1201
|
}
|
|
1393
1202
|
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
|
|
1394
|
-
background-color: #
|
|
1203
|
+
background-color: #2098D1;
|
|
1395
1204
|
color: white;
|
|
1396
1205
|
}
|
|
1397
1206
|
|
|
@@ -1401,22 +1210,17 @@
|
|
|
1401
1210
|
background-color: rgba(32, 152, 209, 0.75);
|
|
1402
1211
|
}
|
|
1403
1212
|
}
|
|
1404
|
-
|
|
1405
1213
|
@keyframes hvr-back-pulse {
|
|
1406
1214
|
50% {
|
|
1407
1215
|
background-color: rgba(32, 152, 209, 0.75);
|
|
1408
1216
|
}
|
|
1409
1217
|
}
|
|
1410
|
-
|
|
1411
1218
|
.hvr-back-pulse {
|
|
1412
1219
|
display: inline-block;
|
|
1413
1220
|
vertical-align: middle;
|
|
1414
|
-
-webkit-transform: translateZ(0);
|
|
1415
|
-
transform: translateZ(0);
|
|
1221
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1222
|
+
transform: perspective(1px) translateZ(0);
|
|
1416
1223
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1417
|
-
-webkit-backface-visibility: hidden;
|
|
1418
|
-
backface-visibility: hidden;
|
|
1419
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1420
1224
|
overflow: hidden;
|
|
1421
1225
|
-webkit-transition-duration: 0.5s;
|
|
1422
1226
|
transition-duration: 0.5s;
|
|
@@ -1434,7 +1238,7 @@
|
|
|
1434
1238
|
animation-timing-function: linear;
|
|
1435
1239
|
-webkit-animation-iteration-count: infinite;
|
|
1436
1240
|
animation-iteration-count: infinite;
|
|
1437
|
-
background-color: #
|
|
1241
|
+
background-color: #2098D1;
|
|
1438
1242
|
background-color: #2098d1;
|
|
1439
1243
|
color: white;
|
|
1440
1244
|
}
|
|
@@ -1443,12 +1247,9 @@
|
|
|
1443
1247
|
.hvr-sweep-to-right {
|
|
1444
1248
|
display: inline-block;
|
|
1445
1249
|
vertical-align: middle;
|
|
1446
|
-
-webkit-transform: translateZ(0);
|
|
1447
|
-
transform: translateZ(0);
|
|
1250
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1251
|
+
transform: perspective(1px) translateZ(0);
|
|
1448
1252
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1449
|
-
-webkit-backface-visibility: hidden;
|
|
1450
|
-
backface-visibility: hidden;
|
|
1451
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1452
1253
|
position: relative;
|
|
1453
1254
|
-webkit-transition-property: color;
|
|
1454
1255
|
transition-property: color;
|
|
@@ -1463,7 +1264,7 @@
|
|
|
1463
1264
|
left: 0;
|
|
1464
1265
|
right: 0;
|
|
1465
1266
|
bottom: 0;
|
|
1466
|
-
background: #
|
|
1267
|
+
background: #2098D1;
|
|
1467
1268
|
-webkit-transform: scaleX(0);
|
|
1468
1269
|
transform: scaleX(0);
|
|
1469
1270
|
-webkit-transform-origin: 0 50%;
|
|
@@ -1487,12 +1288,9 @@
|
|
|
1487
1288
|
.hvr-sweep-to-left {
|
|
1488
1289
|
display: inline-block;
|
|
1489
1290
|
vertical-align: middle;
|
|
1490
|
-
-webkit-transform: translateZ(0);
|
|
1491
|
-
transform: translateZ(0);
|
|
1291
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1292
|
+
transform: perspective(1px) translateZ(0);
|
|
1492
1293
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1493
|
-
-webkit-backface-visibility: hidden;
|
|
1494
|
-
backface-visibility: hidden;
|
|
1495
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1496
1294
|
position: relative;
|
|
1497
1295
|
-webkit-transition-property: color;
|
|
1498
1296
|
transition-property: color;
|
|
@@ -1507,7 +1305,7 @@
|
|
|
1507
1305
|
left: 0;
|
|
1508
1306
|
right: 0;
|
|
1509
1307
|
bottom: 0;
|
|
1510
|
-
background: #
|
|
1308
|
+
background: #2098D1;
|
|
1511
1309
|
-webkit-transform: scaleX(0);
|
|
1512
1310
|
transform: scaleX(0);
|
|
1513
1311
|
-webkit-transform-origin: 100% 50%;
|
|
@@ -1531,12 +1329,9 @@
|
|
|
1531
1329
|
.hvr-sweep-to-bottom {
|
|
1532
1330
|
display: inline-block;
|
|
1533
1331
|
vertical-align: middle;
|
|
1534
|
-
-webkit-transform: translateZ(0);
|
|
1535
|
-
transform: translateZ(0);
|
|
1332
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1333
|
+
transform: perspective(1px) translateZ(0);
|
|
1536
1334
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1537
|
-
-webkit-backface-visibility: hidden;
|
|
1538
|
-
backface-visibility: hidden;
|
|
1539
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1540
1335
|
position: relative;
|
|
1541
1336
|
-webkit-transition-property: color;
|
|
1542
1337
|
transition-property: color;
|
|
@@ -1551,7 +1346,7 @@
|
|
|
1551
1346
|
left: 0;
|
|
1552
1347
|
right: 0;
|
|
1553
1348
|
bottom: 0;
|
|
1554
|
-
background: #
|
|
1349
|
+
background: #2098D1;
|
|
1555
1350
|
-webkit-transform: scaleY(0);
|
|
1556
1351
|
transform: scaleY(0);
|
|
1557
1352
|
-webkit-transform-origin: 50% 0;
|
|
@@ -1575,12 +1370,9 @@
|
|
|
1575
1370
|
.hvr-sweep-to-top {
|
|
1576
1371
|
display: inline-block;
|
|
1577
1372
|
vertical-align: middle;
|
|
1578
|
-
-webkit-transform: translateZ(0);
|
|
1579
|
-
transform: translateZ(0);
|
|
1373
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1374
|
+
transform: perspective(1px) translateZ(0);
|
|
1580
1375
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1581
|
-
-webkit-backface-visibility: hidden;
|
|
1582
|
-
backface-visibility: hidden;
|
|
1583
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1584
1376
|
position: relative;
|
|
1585
1377
|
-webkit-transition-property: color;
|
|
1586
1378
|
transition-property: color;
|
|
@@ -1595,7 +1387,7 @@
|
|
|
1595
1387
|
left: 0;
|
|
1596
1388
|
right: 0;
|
|
1597
1389
|
bottom: 0;
|
|
1598
|
-
background: #
|
|
1390
|
+
background: #2098D1;
|
|
1599
1391
|
-webkit-transform: scaleY(0);
|
|
1600
1392
|
transform: scaleY(0);
|
|
1601
1393
|
-webkit-transform-origin: 50% 100%;
|
|
@@ -1619,12 +1411,9 @@
|
|
|
1619
1411
|
.hvr-bounce-to-right {
|
|
1620
1412
|
display: inline-block;
|
|
1621
1413
|
vertical-align: middle;
|
|
1622
|
-
-webkit-transform: translateZ(0);
|
|
1623
|
-
transform: translateZ(0);
|
|
1414
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1415
|
+
transform: perspective(1px) translateZ(0);
|
|
1624
1416
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1625
|
-
-webkit-backface-visibility: hidden;
|
|
1626
|
-
backface-visibility: hidden;
|
|
1627
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1628
1417
|
position: relative;
|
|
1629
1418
|
-webkit-transition-property: color;
|
|
1630
1419
|
transition-property: color;
|
|
@@ -1639,7 +1428,7 @@
|
|
|
1639
1428
|
left: 0;
|
|
1640
1429
|
right: 0;
|
|
1641
1430
|
bottom: 0;
|
|
1642
|
-
background: #
|
|
1431
|
+
background: #2098D1;
|
|
1643
1432
|
-webkit-transform: scaleX(0);
|
|
1644
1433
|
transform: scaleX(0);
|
|
1645
1434
|
-webkit-transform-origin: 0 50%;
|
|
@@ -1665,12 +1454,9 @@
|
|
|
1665
1454
|
.hvr-bounce-to-left {
|
|
1666
1455
|
display: inline-block;
|
|
1667
1456
|
vertical-align: middle;
|
|
1668
|
-
-webkit-transform: translateZ(0);
|
|
1669
|
-
transform: translateZ(0);
|
|
1457
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1458
|
+
transform: perspective(1px) translateZ(0);
|
|
1670
1459
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1671
|
-
-webkit-backface-visibility: hidden;
|
|
1672
|
-
backface-visibility: hidden;
|
|
1673
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1674
1460
|
position: relative;
|
|
1675
1461
|
-webkit-transition-property: color;
|
|
1676
1462
|
transition-property: color;
|
|
@@ -1685,7 +1471,7 @@
|
|
|
1685
1471
|
left: 0;
|
|
1686
1472
|
right: 0;
|
|
1687
1473
|
bottom: 0;
|
|
1688
|
-
background: #
|
|
1474
|
+
background: #2098D1;
|
|
1689
1475
|
-webkit-transform: scaleX(0);
|
|
1690
1476
|
transform: scaleX(0);
|
|
1691
1477
|
-webkit-transform-origin: 100% 50%;
|
|
@@ -1711,12 +1497,9 @@
|
|
|
1711
1497
|
.hvr-bounce-to-bottom {
|
|
1712
1498
|
display: inline-block;
|
|
1713
1499
|
vertical-align: middle;
|
|
1714
|
-
-webkit-transform: translateZ(0);
|
|
1715
|
-
transform: translateZ(0);
|
|
1500
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1501
|
+
transform: perspective(1px) translateZ(0);
|
|
1716
1502
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1717
|
-
-webkit-backface-visibility: hidden;
|
|
1718
|
-
backface-visibility: hidden;
|
|
1719
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1720
1503
|
position: relative;
|
|
1721
1504
|
-webkit-transition-property: color;
|
|
1722
1505
|
transition-property: color;
|
|
@@ -1731,7 +1514,7 @@
|
|
|
1731
1514
|
left: 0;
|
|
1732
1515
|
right: 0;
|
|
1733
1516
|
bottom: 0;
|
|
1734
|
-
background: #
|
|
1517
|
+
background: #2098D1;
|
|
1735
1518
|
-webkit-transform: scaleY(0);
|
|
1736
1519
|
transform: scaleY(0);
|
|
1737
1520
|
-webkit-transform-origin: 50% 0;
|
|
@@ -1757,12 +1540,9 @@
|
|
|
1757
1540
|
.hvr-bounce-to-top {
|
|
1758
1541
|
display: inline-block;
|
|
1759
1542
|
vertical-align: middle;
|
|
1760
|
-
-webkit-transform: translateZ(0);
|
|
1761
|
-
transform: translateZ(0);
|
|
1543
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1544
|
+
transform: perspective(1px) translateZ(0);
|
|
1762
1545
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1763
|
-
-webkit-backface-visibility: hidden;
|
|
1764
|
-
backface-visibility: hidden;
|
|
1765
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1766
1546
|
position: relative;
|
|
1767
1547
|
-webkit-transition-property: color;
|
|
1768
1548
|
transition-property: color;
|
|
@@ -1777,7 +1557,7 @@
|
|
|
1777
1557
|
left: 0;
|
|
1778
1558
|
right: 0;
|
|
1779
1559
|
bottom: 0;
|
|
1780
|
-
background: #
|
|
1560
|
+
background: #2098D1;
|
|
1781
1561
|
-webkit-transform: scaleY(0);
|
|
1782
1562
|
transform: scaleY(0);
|
|
1783
1563
|
-webkit-transform-origin: 50% 100%;
|
|
@@ -1803,12 +1583,9 @@
|
|
|
1803
1583
|
.hvr-radial-out {
|
|
1804
1584
|
display: inline-block;
|
|
1805
1585
|
vertical-align: middle;
|
|
1806
|
-
-webkit-transform: translateZ(0);
|
|
1807
|
-
transform: translateZ(0);
|
|
1586
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1587
|
+
transform: perspective(1px) translateZ(0);
|
|
1808
1588
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1809
|
-
-webkit-backface-visibility: hidden;
|
|
1810
|
-
backface-visibility: hidden;
|
|
1811
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1812
1589
|
position: relative;
|
|
1813
1590
|
overflow: hidden;
|
|
1814
1591
|
background: #e1e1e1;
|
|
@@ -1825,7 +1602,7 @@
|
|
|
1825
1602
|
left: 0;
|
|
1826
1603
|
right: 0;
|
|
1827
1604
|
bottom: 0;
|
|
1828
|
-
background: #
|
|
1605
|
+
background: #2098D1;
|
|
1829
1606
|
border-radius: 100%;
|
|
1830
1607
|
-webkit-transform: scale(0);
|
|
1831
1608
|
transform: scale(0);
|
|
@@ -1848,15 +1625,12 @@
|
|
|
1848
1625
|
.hvr-radial-in {
|
|
1849
1626
|
display: inline-block;
|
|
1850
1627
|
vertical-align: middle;
|
|
1851
|
-
-webkit-transform: translateZ(0);
|
|
1852
|
-
transform: translateZ(0);
|
|
1628
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1629
|
+
transform: perspective(1px) translateZ(0);
|
|
1853
1630
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1854
|
-
-webkit-backface-visibility: hidden;
|
|
1855
|
-
backface-visibility: hidden;
|
|
1856
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1857
1631
|
position: relative;
|
|
1858
1632
|
overflow: hidden;
|
|
1859
|
-
background: #
|
|
1633
|
+
background: #2098D1;
|
|
1860
1634
|
-webkit-transition-property: color;
|
|
1861
1635
|
transition-property: color;
|
|
1862
1636
|
-webkit-transition-duration: 0.3s;
|
|
@@ -1893,14 +1667,11 @@
|
|
|
1893
1667
|
.hvr-rectangle-in {
|
|
1894
1668
|
display: inline-block;
|
|
1895
1669
|
vertical-align: middle;
|
|
1896
|
-
-webkit-transform: translateZ(0);
|
|
1897
|
-
transform: translateZ(0);
|
|
1670
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1671
|
+
transform: perspective(1px) translateZ(0);
|
|
1898
1672
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1899
|
-
-webkit-backface-visibility: hidden;
|
|
1900
|
-
backface-visibility: hidden;
|
|
1901
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1902
1673
|
position: relative;
|
|
1903
|
-
background: #
|
|
1674
|
+
background: #2098D1;
|
|
1904
1675
|
-webkit-transition-property: color;
|
|
1905
1676
|
transition-property: color;
|
|
1906
1677
|
-webkit-transition-duration: 0.3s;
|
|
@@ -1936,12 +1707,9 @@
|
|
|
1936
1707
|
.hvr-rectangle-out {
|
|
1937
1708
|
display: inline-block;
|
|
1938
1709
|
vertical-align: middle;
|
|
1939
|
-
-webkit-transform: translateZ(0);
|
|
1940
|
-
transform: translateZ(0);
|
|
1710
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1711
|
+
transform: perspective(1px) translateZ(0);
|
|
1941
1712
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1942
|
-
-webkit-backface-visibility: hidden;
|
|
1943
|
-
backface-visibility: hidden;
|
|
1944
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1945
1713
|
position: relative;
|
|
1946
1714
|
background: #e1e1e1;
|
|
1947
1715
|
-webkit-transition-property: color;
|
|
@@ -1957,7 +1725,7 @@
|
|
|
1957
1725
|
left: 0;
|
|
1958
1726
|
right: 0;
|
|
1959
1727
|
bottom: 0;
|
|
1960
|
-
background: #
|
|
1728
|
+
background: #2098D1;
|
|
1961
1729
|
-webkit-transform: scale(0);
|
|
1962
1730
|
transform: scale(0);
|
|
1963
1731
|
-webkit-transition-property: transform;
|
|
@@ -1979,14 +1747,11 @@
|
|
|
1979
1747
|
.hvr-shutter-in-horizontal {
|
|
1980
1748
|
display: inline-block;
|
|
1981
1749
|
vertical-align: middle;
|
|
1982
|
-
-webkit-transform: translateZ(0);
|
|
1983
|
-
transform: translateZ(0);
|
|
1750
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1751
|
+
transform: perspective(1px) translateZ(0);
|
|
1984
1752
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
1985
|
-
-webkit-backface-visibility: hidden;
|
|
1986
|
-
backface-visibility: hidden;
|
|
1987
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1988
1753
|
position: relative;
|
|
1989
|
-
background: #
|
|
1754
|
+
background: #2098D1;
|
|
1990
1755
|
-webkit-transition-property: color;
|
|
1991
1756
|
transition-property: color;
|
|
1992
1757
|
-webkit-transition-duration: 0.3s;
|
|
@@ -2024,12 +1789,9 @@
|
|
|
2024
1789
|
.hvr-shutter-out-horizontal {
|
|
2025
1790
|
display: inline-block;
|
|
2026
1791
|
vertical-align: middle;
|
|
2027
|
-
-webkit-transform: translateZ(0);
|
|
2028
|
-
transform: translateZ(0);
|
|
1792
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1793
|
+
transform: perspective(1px) translateZ(0);
|
|
2029
1794
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2030
|
-
-webkit-backface-visibility: hidden;
|
|
2031
|
-
backface-visibility: hidden;
|
|
2032
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2033
1795
|
position: relative;
|
|
2034
1796
|
background: #e1e1e1;
|
|
2035
1797
|
-webkit-transition-property: color;
|
|
@@ -2045,7 +1807,7 @@
|
|
|
2045
1807
|
bottom: 0;
|
|
2046
1808
|
left: 0;
|
|
2047
1809
|
right: 0;
|
|
2048
|
-
background: #
|
|
1810
|
+
background: #2098D1;
|
|
2049
1811
|
-webkit-transform: scaleX(0);
|
|
2050
1812
|
transform: scaleX(0);
|
|
2051
1813
|
-webkit-transform-origin: 50%;
|
|
@@ -2069,14 +1831,11 @@
|
|
|
2069
1831
|
.hvr-shutter-in-vertical {
|
|
2070
1832
|
display: inline-block;
|
|
2071
1833
|
vertical-align: middle;
|
|
2072
|
-
-webkit-transform: translateZ(0);
|
|
2073
|
-
transform: translateZ(0);
|
|
1834
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1835
|
+
transform: perspective(1px) translateZ(0);
|
|
2074
1836
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2075
|
-
-webkit-backface-visibility: hidden;
|
|
2076
|
-
backface-visibility: hidden;
|
|
2077
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2078
1837
|
position: relative;
|
|
2079
|
-
background: #
|
|
1838
|
+
background: #2098D1;
|
|
2080
1839
|
-webkit-transition-property: color;
|
|
2081
1840
|
transition-property: color;
|
|
2082
1841
|
-webkit-transition-duration: 0.3s;
|
|
@@ -2114,12 +1873,9 @@
|
|
|
2114
1873
|
.hvr-shutter-out-vertical {
|
|
2115
1874
|
display: inline-block;
|
|
2116
1875
|
vertical-align: middle;
|
|
2117
|
-
-webkit-transform: translateZ(0);
|
|
2118
|
-
transform: translateZ(0);
|
|
1876
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1877
|
+
transform: perspective(1px) translateZ(0);
|
|
2119
1878
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2120
|
-
-webkit-backface-visibility: hidden;
|
|
2121
|
-
backface-visibility: hidden;
|
|
2122
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2123
1879
|
position: relative;
|
|
2124
1880
|
background: #e1e1e1;
|
|
2125
1881
|
-webkit-transition-property: color;
|
|
@@ -2135,7 +1891,7 @@
|
|
|
2135
1891
|
bottom: 0;
|
|
2136
1892
|
left: 0;
|
|
2137
1893
|
right: 0;
|
|
2138
|
-
background: #
|
|
1894
|
+
background: #2098D1;
|
|
2139
1895
|
-webkit-transform: scaleY(0);
|
|
2140
1896
|
transform: scaleY(0);
|
|
2141
1897
|
-webkit-transform-origin: 50%;
|
|
@@ -2160,12 +1916,9 @@
|
|
|
2160
1916
|
.hvr-border-fade {
|
|
2161
1917
|
display: inline-block;
|
|
2162
1918
|
vertical-align: middle;
|
|
2163
|
-
-webkit-transform: translateZ(0);
|
|
2164
|
-
transform: translateZ(0);
|
|
1919
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1920
|
+
transform: perspective(1px) translateZ(0);
|
|
2165
1921
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2166
|
-
-webkit-backface-visibility: hidden;
|
|
2167
|
-
backface-visibility: hidden;
|
|
2168
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2169
1922
|
-webkit-transition-duration: 0.3s;
|
|
2170
1923
|
transition-duration: 0.3s;
|
|
2171
1924
|
-webkit-transition-property: box-shadow;
|
|
@@ -2174,7 +1927,7 @@
|
|
|
2174
1927
|
/* Hack to improve aliasing on mobile/tablet devices */
|
|
2175
1928
|
}
|
|
2176
1929
|
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
|
|
2177
|
-
box-shadow: inset 0 0 0 4px #
|
|
1930
|
+
box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
|
|
2178
1931
|
/* Hack to improve aliasing on mobile/tablet devices */
|
|
2179
1932
|
}
|
|
2180
1933
|
|
|
@@ -2182,12 +1935,9 @@
|
|
|
2182
1935
|
.hvr-hollow {
|
|
2183
1936
|
display: inline-block;
|
|
2184
1937
|
vertical-align: middle;
|
|
2185
|
-
-webkit-transform: translateZ(0);
|
|
2186
|
-
transform: translateZ(0);
|
|
1938
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1939
|
+
transform: perspective(1px) translateZ(0);
|
|
2187
1940
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2188
|
-
-webkit-backface-visibility: hidden;
|
|
2189
|
-
backface-visibility: hidden;
|
|
2190
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2191
1941
|
-webkit-transition-duration: 0.3s;
|
|
2192
1942
|
transition-duration: 0.3s;
|
|
2193
1943
|
-webkit-transition-property: background;
|
|
@@ -2203,12 +1953,9 @@
|
|
|
2203
1953
|
.hvr-trim {
|
|
2204
1954
|
display: inline-block;
|
|
2205
1955
|
vertical-align: middle;
|
|
2206
|
-
-webkit-transform: translateZ(0);
|
|
2207
|
-
transform: translateZ(0);
|
|
1956
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
1957
|
+
transform: perspective(1px) translateZ(0);
|
|
2208
1958
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2209
|
-
-webkit-backface-visibility: hidden;
|
|
2210
|
-
backface-visibility: hidden;
|
|
2211
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2212
1959
|
position: relative;
|
|
2213
1960
|
}
|
|
2214
1961
|
.hvr-trim:before {
|
|
@@ -2239,7 +1986,6 @@
|
|
|
2239
1986
|
opacity: 0;
|
|
2240
1987
|
}
|
|
2241
1988
|
}
|
|
2242
|
-
|
|
2243
1989
|
@keyframes hvr-ripple-out {
|
|
2244
1990
|
100% {
|
|
2245
1991
|
top: -12px;
|
|
@@ -2249,16 +1995,12 @@
|
|
|
2249
1995
|
opacity: 0;
|
|
2250
1996
|
}
|
|
2251
1997
|
}
|
|
2252
|
-
|
|
2253
1998
|
.hvr-ripple-out {
|
|
2254
1999
|
display: inline-block;
|
|
2255
2000
|
vertical-align: middle;
|
|
2256
|
-
-webkit-transform: translateZ(0);
|
|
2257
|
-
transform: translateZ(0);
|
|
2001
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2002
|
+
transform: perspective(1px) translateZ(0);
|
|
2258
2003
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2259
|
-
-webkit-backface-visibility: hidden;
|
|
2260
|
-
backface-visibility: hidden;
|
|
2261
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2262
2004
|
position: relative;
|
|
2263
2005
|
}
|
|
2264
2006
|
.hvr-ripple-out:before {
|
|
@@ -2287,7 +2029,6 @@
|
|
|
2287
2029
|
opacity: 1;
|
|
2288
2030
|
}
|
|
2289
2031
|
}
|
|
2290
|
-
|
|
2291
2032
|
@keyframes hvr-ripple-in {
|
|
2292
2033
|
100% {
|
|
2293
2034
|
top: 0;
|
|
@@ -2297,16 +2038,12 @@
|
|
|
2297
2038
|
opacity: 1;
|
|
2298
2039
|
}
|
|
2299
2040
|
}
|
|
2300
|
-
|
|
2301
2041
|
.hvr-ripple-in {
|
|
2302
2042
|
display: inline-block;
|
|
2303
2043
|
vertical-align: middle;
|
|
2304
|
-
-webkit-transform: translateZ(0);
|
|
2305
|
-
transform: translateZ(0);
|
|
2044
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2045
|
+
transform: perspective(1px) translateZ(0);
|
|
2306
2046
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2307
|
-
-webkit-backface-visibility: hidden;
|
|
2308
|
-
backface-visibility: hidden;
|
|
2309
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2310
2047
|
position: relative;
|
|
2311
2048
|
}
|
|
2312
2049
|
.hvr-ripple-in:before {
|
|
@@ -2330,12 +2067,9 @@
|
|
|
2330
2067
|
.hvr-outline-out {
|
|
2331
2068
|
display: inline-block;
|
|
2332
2069
|
vertical-align: middle;
|
|
2333
|
-
-webkit-transform: translateZ(0);
|
|
2334
|
-
transform: translateZ(0);
|
|
2070
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2071
|
+
transform: perspective(1px) translateZ(0);
|
|
2335
2072
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2336
|
-
-webkit-backface-visibility: hidden;
|
|
2337
|
-
backface-visibility: hidden;
|
|
2338
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2339
2073
|
position: relative;
|
|
2340
2074
|
}
|
|
2341
2075
|
.hvr-outline-out:before {
|
|
@@ -2362,12 +2096,9 @@
|
|
|
2362
2096
|
.hvr-outline-in {
|
|
2363
2097
|
display: inline-block;
|
|
2364
2098
|
vertical-align: middle;
|
|
2365
|
-
-webkit-transform: translateZ(0);
|
|
2366
|
-
transform: translateZ(0);
|
|
2099
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2100
|
+
transform: perspective(1px) translateZ(0);
|
|
2367
2101
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2368
|
-
-webkit-backface-visibility: hidden;
|
|
2369
|
-
backface-visibility: hidden;
|
|
2370
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2371
2102
|
position: relative;
|
|
2372
2103
|
}
|
|
2373
2104
|
.hvr-outline-in:before {
|
|
@@ -2397,12 +2128,9 @@
|
|
|
2397
2128
|
.hvr-round-corners {
|
|
2398
2129
|
display: inline-block;
|
|
2399
2130
|
vertical-align: middle;
|
|
2400
|
-
-webkit-transform: translateZ(0);
|
|
2401
|
-
transform: translateZ(0);
|
|
2131
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2132
|
+
transform: perspective(1px) translateZ(0);
|
|
2402
2133
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2403
|
-
-webkit-backface-visibility: hidden;
|
|
2404
|
-
backface-visibility: hidden;
|
|
2405
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2406
2134
|
-webkit-transition-duration: 0.3s;
|
|
2407
2135
|
transition-duration: 0.3s;
|
|
2408
2136
|
-webkit-transition-property: border-radius;
|
|
@@ -2416,12 +2144,9 @@
|
|
|
2416
2144
|
.hvr-underline-from-left {
|
|
2417
2145
|
display: inline-block;
|
|
2418
2146
|
vertical-align: middle;
|
|
2419
|
-
-webkit-transform: translateZ(0);
|
|
2420
|
-
transform: translateZ(0);
|
|
2147
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2148
|
+
transform: perspective(1px) translateZ(0);
|
|
2421
2149
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2422
|
-
-webkit-backface-visibility: hidden;
|
|
2423
|
-
backface-visibility: hidden;
|
|
2424
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2425
2150
|
position: relative;
|
|
2426
2151
|
overflow: hidden;
|
|
2427
2152
|
}
|
|
@@ -2432,7 +2157,7 @@
|
|
|
2432
2157
|
left: 0;
|
|
2433
2158
|
right: 100%;
|
|
2434
2159
|
bottom: 0;
|
|
2435
|
-
background: #
|
|
2160
|
+
background: #2098D1;
|
|
2436
2161
|
height: 4px;
|
|
2437
2162
|
-webkit-transition-property: right;
|
|
2438
2163
|
transition-property: right;
|
|
@@ -2449,12 +2174,9 @@
|
|
|
2449
2174
|
.hvr-underline-from-center {
|
|
2450
2175
|
display: inline-block;
|
|
2451
2176
|
vertical-align: middle;
|
|
2452
|
-
-webkit-transform: translateZ(0);
|
|
2453
|
-
transform: translateZ(0);
|
|
2177
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2178
|
+
transform: perspective(1px) translateZ(0);
|
|
2454
2179
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2455
|
-
-webkit-backface-visibility: hidden;
|
|
2456
|
-
backface-visibility: hidden;
|
|
2457
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2458
2180
|
position: relative;
|
|
2459
2181
|
overflow: hidden;
|
|
2460
2182
|
}
|
|
@@ -2462,10 +2184,10 @@
|
|
|
2462
2184
|
content: "";
|
|
2463
2185
|
position: absolute;
|
|
2464
2186
|
z-index: -1;
|
|
2465
|
-
left:
|
|
2466
|
-
right:
|
|
2187
|
+
left: 51%;
|
|
2188
|
+
right: 51%;
|
|
2467
2189
|
bottom: 0;
|
|
2468
|
-
background: #
|
|
2190
|
+
background: #2098D1;
|
|
2469
2191
|
height: 4px;
|
|
2470
2192
|
-webkit-transition-property: left, right;
|
|
2471
2193
|
transition-property: left, right;
|
|
@@ -2483,12 +2205,9 @@
|
|
|
2483
2205
|
.hvr-underline-from-right {
|
|
2484
2206
|
display: inline-block;
|
|
2485
2207
|
vertical-align: middle;
|
|
2486
|
-
-webkit-transform: translateZ(0);
|
|
2487
|
-
transform: translateZ(0);
|
|
2208
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2209
|
+
transform: perspective(1px) translateZ(0);
|
|
2488
2210
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2489
|
-
-webkit-backface-visibility: hidden;
|
|
2490
|
-
backface-visibility: hidden;
|
|
2491
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2492
2211
|
position: relative;
|
|
2493
2212
|
overflow: hidden;
|
|
2494
2213
|
}
|
|
@@ -2499,7 +2218,7 @@
|
|
|
2499
2218
|
left: 100%;
|
|
2500
2219
|
right: 0;
|
|
2501
2220
|
bottom: 0;
|
|
2502
|
-
background: #
|
|
2221
|
+
background: #2098D1;
|
|
2503
2222
|
height: 4px;
|
|
2504
2223
|
-webkit-transition-property: left;
|
|
2505
2224
|
transition-property: left;
|
|
@@ -2516,12 +2235,9 @@
|
|
|
2516
2235
|
.hvr-overline-from-left {
|
|
2517
2236
|
display: inline-block;
|
|
2518
2237
|
vertical-align: middle;
|
|
2519
|
-
-webkit-transform: translateZ(0);
|
|
2520
|
-
transform: translateZ(0);
|
|
2238
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2239
|
+
transform: perspective(1px) translateZ(0);
|
|
2521
2240
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2522
|
-
-webkit-backface-visibility: hidden;
|
|
2523
|
-
backface-visibility: hidden;
|
|
2524
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2525
2241
|
position: relative;
|
|
2526
2242
|
overflow: hidden;
|
|
2527
2243
|
}
|
|
@@ -2532,7 +2248,7 @@
|
|
|
2532
2248
|
left: 0;
|
|
2533
2249
|
right: 100%;
|
|
2534
2250
|
top: 0;
|
|
2535
|
-
background: #
|
|
2251
|
+
background: #2098D1;
|
|
2536
2252
|
height: 4px;
|
|
2537
2253
|
-webkit-transition-property: right;
|
|
2538
2254
|
transition-property: right;
|
|
@@ -2549,12 +2265,9 @@
|
|
|
2549
2265
|
.hvr-overline-from-center {
|
|
2550
2266
|
display: inline-block;
|
|
2551
2267
|
vertical-align: middle;
|
|
2552
|
-
-webkit-transform: translateZ(0);
|
|
2553
|
-
transform: translateZ(0);
|
|
2268
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2269
|
+
transform: perspective(1px) translateZ(0);
|
|
2554
2270
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2555
|
-
-webkit-backface-visibility: hidden;
|
|
2556
|
-
backface-visibility: hidden;
|
|
2557
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2558
2271
|
position: relative;
|
|
2559
2272
|
overflow: hidden;
|
|
2560
2273
|
}
|
|
@@ -2562,10 +2275,10 @@
|
|
|
2562
2275
|
content: "";
|
|
2563
2276
|
position: absolute;
|
|
2564
2277
|
z-index: -1;
|
|
2565
|
-
left:
|
|
2566
|
-
right:
|
|
2278
|
+
left: 51%;
|
|
2279
|
+
right: 51%;
|
|
2567
2280
|
top: 0;
|
|
2568
|
-
background: #
|
|
2281
|
+
background: #2098D1;
|
|
2569
2282
|
height: 4px;
|
|
2570
2283
|
-webkit-transition-property: left, right;
|
|
2571
2284
|
transition-property: left, right;
|
|
@@ -2583,12 +2296,9 @@
|
|
|
2583
2296
|
.hvr-overline-from-right {
|
|
2584
2297
|
display: inline-block;
|
|
2585
2298
|
vertical-align: middle;
|
|
2586
|
-
-webkit-transform: translateZ(0);
|
|
2587
|
-
transform: translateZ(0);
|
|
2299
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2300
|
+
transform: perspective(1px) translateZ(0);
|
|
2588
2301
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2589
|
-
-webkit-backface-visibility: hidden;
|
|
2590
|
-
backface-visibility: hidden;
|
|
2591
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2592
2302
|
position: relative;
|
|
2593
2303
|
overflow: hidden;
|
|
2594
2304
|
}
|
|
@@ -2599,7 +2309,7 @@
|
|
|
2599
2309
|
left: 100%;
|
|
2600
2310
|
right: 0;
|
|
2601
2311
|
top: 0;
|
|
2602
|
-
background: #
|
|
2312
|
+
background: #2098D1;
|
|
2603
2313
|
height: 4px;
|
|
2604
2314
|
-webkit-transition-property: left;
|
|
2605
2315
|
transition-property: left;
|
|
@@ -2616,12 +2326,9 @@
|
|
|
2616
2326
|
.hvr-reveal {
|
|
2617
2327
|
display: inline-block;
|
|
2618
2328
|
vertical-align: middle;
|
|
2619
|
-
-webkit-transform: translateZ(0);
|
|
2620
|
-
transform: translateZ(0);
|
|
2329
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2330
|
+
transform: perspective(1px) translateZ(0);
|
|
2621
2331
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2622
|
-
-webkit-backface-visibility: hidden;
|
|
2623
|
-
backface-visibility: hidden;
|
|
2624
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2625
2332
|
position: relative;
|
|
2626
2333
|
overflow: hidden;
|
|
2627
2334
|
}
|
|
@@ -2633,7 +2340,7 @@
|
|
|
2633
2340
|
right: 0;
|
|
2634
2341
|
top: 0;
|
|
2635
2342
|
bottom: 0;
|
|
2636
|
-
border-color: #
|
|
2343
|
+
border-color: #2098D1;
|
|
2637
2344
|
border-style: solid;
|
|
2638
2345
|
border-width: 0;
|
|
2639
2346
|
-webkit-transition-property: border-width;
|
|
@@ -2653,12 +2360,9 @@
|
|
|
2653
2360
|
.hvr-underline-reveal {
|
|
2654
2361
|
display: inline-block;
|
|
2655
2362
|
vertical-align: middle;
|
|
2656
|
-
-webkit-transform: translateZ(0);
|
|
2657
|
-
transform: translateZ(0);
|
|
2363
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2364
|
+
transform: perspective(1px) translateZ(0);
|
|
2658
2365
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2659
|
-
-webkit-backface-visibility: hidden;
|
|
2660
|
-
backface-visibility: hidden;
|
|
2661
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2662
2366
|
position: relative;
|
|
2663
2367
|
overflow: hidden;
|
|
2664
2368
|
}
|
|
@@ -2669,7 +2373,7 @@
|
|
|
2669
2373
|
left: 0;
|
|
2670
2374
|
right: 0;
|
|
2671
2375
|
bottom: 0;
|
|
2672
|
-
background: #
|
|
2376
|
+
background: #2098D1;
|
|
2673
2377
|
height: 4px;
|
|
2674
2378
|
-webkit-transform: translateY(4px);
|
|
2675
2379
|
transform: translateY(4px);
|
|
@@ -2689,12 +2393,9 @@
|
|
|
2689
2393
|
.hvr-overline-reveal {
|
|
2690
2394
|
display: inline-block;
|
|
2691
2395
|
vertical-align: middle;
|
|
2692
|
-
-webkit-transform: translateZ(0);
|
|
2693
|
-
transform: translateZ(0);
|
|
2396
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2397
|
+
transform: perspective(1px) translateZ(0);
|
|
2694
2398
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2695
|
-
-webkit-backface-visibility: hidden;
|
|
2696
|
-
backface-visibility: hidden;
|
|
2697
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2698
2399
|
position: relative;
|
|
2699
2400
|
overflow: hidden;
|
|
2700
2401
|
}
|
|
@@ -2705,7 +2406,7 @@
|
|
|
2705
2406
|
left: 0;
|
|
2706
2407
|
right: 0;
|
|
2707
2408
|
top: 0;
|
|
2708
|
-
background: #
|
|
2409
|
+
background: #2098D1;
|
|
2709
2410
|
height: 4px;
|
|
2710
2411
|
-webkit-transform: translateY(-4px);
|
|
2711
2412
|
transform: translateY(-4px);
|
|
@@ -2726,12 +2427,9 @@
|
|
|
2726
2427
|
.hvr-glow {
|
|
2727
2428
|
display: inline-block;
|
|
2728
2429
|
vertical-align: middle;
|
|
2729
|
-
-webkit-transform: translateZ(0);
|
|
2730
|
-
transform: translateZ(0);
|
|
2430
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2431
|
+
transform: perspective(1px) translateZ(0);
|
|
2731
2432
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2732
|
-
-webkit-backface-visibility: hidden;
|
|
2733
|
-
backface-visibility: hidden;
|
|
2734
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2735
2433
|
-webkit-transition-duration: 0.3s;
|
|
2736
2434
|
transition-duration: 0.3s;
|
|
2737
2435
|
-webkit-transition-property: box-shadow;
|
|
@@ -2745,12 +2443,9 @@
|
|
|
2745
2443
|
.hvr-shadow {
|
|
2746
2444
|
display: inline-block;
|
|
2747
2445
|
vertical-align: middle;
|
|
2748
|
-
-webkit-transform: translateZ(0);
|
|
2749
|
-
transform: translateZ(0);
|
|
2446
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2447
|
+
transform: perspective(1px) translateZ(0);
|
|
2750
2448
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2751
|
-
-webkit-backface-visibility: hidden;
|
|
2752
|
-
backface-visibility: hidden;
|
|
2753
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2754
2449
|
-webkit-transition-duration: 0.3s;
|
|
2755
2450
|
transition-duration: 0.3s;
|
|
2756
2451
|
-webkit-transition-property: box-shadow;
|
|
@@ -2764,12 +2459,9 @@
|
|
|
2764
2459
|
.hvr-grow-shadow {
|
|
2765
2460
|
display: inline-block;
|
|
2766
2461
|
vertical-align: middle;
|
|
2767
|
-
-webkit-transform: translateZ(0);
|
|
2768
|
-
transform: translateZ(0);
|
|
2462
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2463
|
+
transform: perspective(1px) translateZ(0);
|
|
2769
2464
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2770
|
-
-webkit-backface-visibility: hidden;
|
|
2771
|
-
backface-visibility: hidden;
|
|
2772
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2773
2465
|
-webkit-transition-duration: 0.3s;
|
|
2774
2466
|
transition-duration: 0.3s;
|
|
2775
2467
|
-webkit-transition-property: box-shadow, transform;
|
|
@@ -2785,12 +2477,9 @@
|
|
|
2785
2477
|
.hvr-box-shadow-outset {
|
|
2786
2478
|
display: inline-block;
|
|
2787
2479
|
vertical-align: middle;
|
|
2788
|
-
-webkit-transform: translateZ(0);
|
|
2789
|
-
transform: translateZ(0);
|
|
2480
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2481
|
+
transform: perspective(1px) translateZ(0);
|
|
2790
2482
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2791
|
-
-webkit-backface-visibility: hidden;
|
|
2792
|
-
backface-visibility: hidden;
|
|
2793
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2794
2483
|
-webkit-transition-duration: 0.3s;
|
|
2795
2484
|
transition-duration: 0.3s;
|
|
2796
2485
|
-webkit-transition-property: box-shadow;
|
|
@@ -2804,12 +2493,9 @@
|
|
|
2804
2493
|
.hvr-box-shadow-inset {
|
|
2805
2494
|
display: inline-block;
|
|
2806
2495
|
vertical-align: middle;
|
|
2807
|
-
-webkit-transform: translateZ(0);
|
|
2808
|
-
transform: translateZ(0);
|
|
2496
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2497
|
+
transform: perspective(1px) translateZ(0);
|
|
2809
2498
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2810
|
-
-webkit-backface-visibility: hidden;
|
|
2811
|
-
backface-visibility: hidden;
|
|
2812
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2813
2499
|
-webkit-transition-duration: 0.3s;
|
|
2814
2500
|
transition-duration: 0.3s;
|
|
2815
2501
|
-webkit-transition-property: box-shadow;
|
|
@@ -2826,12 +2512,9 @@
|
|
|
2826
2512
|
.hvr-float-shadow {
|
|
2827
2513
|
display: inline-block;
|
|
2828
2514
|
vertical-align: middle;
|
|
2829
|
-
-webkit-transform: translateZ(0);
|
|
2830
|
-
transform: translateZ(0);
|
|
2515
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2516
|
+
transform: perspective(1px) translateZ(0);
|
|
2831
2517
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2832
|
-
-webkit-backface-visibility: hidden;
|
|
2833
|
-
backface-visibility: hidden;
|
|
2834
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2835
2518
|
position: relative;
|
|
2836
2519
|
-webkit-transition-duration: 0.3s;
|
|
2837
2520
|
transition-duration: 0.3s;
|
|
@@ -2872,12 +2555,9 @@
|
|
|
2872
2555
|
.hvr-shadow-radial {
|
|
2873
2556
|
display: inline-block;
|
|
2874
2557
|
vertical-align: middle;
|
|
2875
|
-
-webkit-transform: translateZ(0);
|
|
2876
|
-
transform: translateZ(0);
|
|
2558
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2559
|
+
transform: perspective(1px) translateZ(0);
|
|
2877
2560
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2878
|
-
-webkit-backface-visibility: hidden;
|
|
2879
|
-
backface-visibility: hidden;
|
|
2880
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2881
2561
|
position: relative;
|
|
2882
2562
|
}
|
|
2883
2563
|
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
|
|
@@ -2914,12 +2594,9 @@
|
|
|
2914
2594
|
.hvr-bubble-top {
|
|
2915
2595
|
display: inline-block;
|
|
2916
2596
|
vertical-align: middle;
|
|
2917
|
-
-webkit-transform: translateZ(0);
|
|
2918
|
-
transform: translateZ(0);
|
|
2597
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2598
|
+
transform: perspective(1px) translateZ(0);
|
|
2919
2599
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2920
|
-
-webkit-backface-visibility: hidden;
|
|
2921
|
-
backface-visibility: hidden;
|
|
2922
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2923
2600
|
position: relative;
|
|
2924
2601
|
}
|
|
2925
2602
|
.hvr-bubble-top:before {
|
|
@@ -2946,12 +2623,9 @@
|
|
|
2946
2623
|
.hvr-bubble-right {
|
|
2947
2624
|
display: inline-block;
|
|
2948
2625
|
vertical-align: middle;
|
|
2949
|
-
-webkit-transform: translateZ(0);
|
|
2950
|
-
transform: translateZ(0);
|
|
2626
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2627
|
+
transform: perspective(1px) translateZ(0);
|
|
2951
2628
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2952
|
-
-webkit-backface-visibility: hidden;
|
|
2953
|
-
backface-visibility: hidden;
|
|
2954
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2955
2629
|
position: relative;
|
|
2956
2630
|
}
|
|
2957
2631
|
.hvr-bubble-right:before {
|
|
@@ -2978,12 +2652,9 @@
|
|
|
2978
2652
|
.hvr-bubble-bottom {
|
|
2979
2653
|
display: inline-block;
|
|
2980
2654
|
vertical-align: middle;
|
|
2981
|
-
-webkit-transform: translateZ(0);
|
|
2982
|
-
transform: translateZ(0);
|
|
2655
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2656
|
+
transform: perspective(1px) translateZ(0);
|
|
2983
2657
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
2984
|
-
-webkit-backface-visibility: hidden;
|
|
2985
|
-
backface-visibility: hidden;
|
|
2986
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2987
2658
|
position: relative;
|
|
2988
2659
|
}
|
|
2989
2660
|
.hvr-bubble-bottom:before {
|
|
@@ -3010,12 +2681,9 @@
|
|
|
3010
2681
|
.hvr-bubble-left {
|
|
3011
2682
|
display: inline-block;
|
|
3012
2683
|
vertical-align: middle;
|
|
3013
|
-
-webkit-transform: translateZ(0);
|
|
3014
|
-
transform: translateZ(0);
|
|
2684
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2685
|
+
transform: perspective(1px) translateZ(0);
|
|
3015
2686
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3016
|
-
-webkit-backface-visibility: hidden;
|
|
3017
|
-
backface-visibility: hidden;
|
|
3018
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3019
2687
|
position: relative;
|
|
3020
2688
|
}
|
|
3021
2689
|
.hvr-bubble-left:before {
|
|
@@ -3042,12 +2710,9 @@
|
|
|
3042
2710
|
.hvr-bubble-float-top {
|
|
3043
2711
|
display: inline-block;
|
|
3044
2712
|
vertical-align: middle;
|
|
3045
|
-
-webkit-transform: translateZ(0);
|
|
3046
|
-
transform: translateZ(0);
|
|
2713
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2714
|
+
transform: perspective(1px) translateZ(0);
|
|
3047
2715
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3048
|
-
-webkit-backface-visibility: hidden;
|
|
3049
|
-
backface-visibility: hidden;
|
|
3050
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3051
2716
|
position: relative;
|
|
3052
2717
|
-webkit-transition-duration: 0.3s;
|
|
3053
2718
|
transition-duration: 0.3s;
|
|
@@ -3081,12 +2746,9 @@
|
|
|
3081
2746
|
.hvr-bubble-float-right {
|
|
3082
2747
|
display: inline-block;
|
|
3083
2748
|
vertical-align: middle;
|
|
3084
|
-
-webkit-transform: translateZ(0);
|
|
3085
|
-
transform: translateZ(0);
|
|
2749
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2750
|
+
transform: perspective(1px) translateZ(0);
|
|
3086
2751
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3087
|
-
-webkit-backface-visibility: hidden;
|
|
3088
|
-
backface-visibility: hidden;
|
|
3089
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3090
2752
|
position: relative;
|
|
3091
2753
|
-webkit-transition-duration: 0.3s;
|
|
3092
2754
|
transition-duration: 0.3s;
|
|
@@ -3120,12 +2782,9 @@
|
|
|
3120
2782
|
.hvr-bubble-float-bottom {
|
|
3121
2783
|
display: inline-block;
|
|
3122
2784
|
vertical-align: middle;
|
|
3123
|
-
-webkit-transform: translateZ(0);
|
|
3124
|
-
transform: translateZ(0);
|
|
2785
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2786
|
+
transform: perspective(1px) translateZ(0);
|
|
3125
2787
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3126
|
-
-webkit-backface-visibility: hidden;
|
|
3127
|
-
backface-visibility: hidden;
|
|
3128
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3129
2788
|
position: relative;
|
|
3130
2789
|
-webkit-transition-duration: 0.3s;
|
|
3131
2790
|
transition-duration: 0.3s;
|
|
@@ -3159,12 +2818,9 @@
|
|
|
3159
2818
|
.hvr-bubble-float-left {
|
|
3160
2819
|
display: inline-block;
|
|
3161
2820
|
vertical-align: middle;
|
|
3162
|
-
-webkit-transform: translateZ(0);
|
|
3163
|
-
transform: translateZ(0);
|
|
2821
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2822
|
+
transform: perspective(1px) translateZ(0);
|
|
3164
2823
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3165
|
-
-webkit-backface-visibility: hidden;
|
|
3166
|
-
backface-visibility: hidden;
|
|
3167
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3168
2824
|
position: relative;
|
|
3169
2825
|
-webkit-transition-duration: 0.3s;
|
|
3170
2826
|
transition-duration: 0.3s;
|
|
@@ -3199,23 +2855,13 @@
|
|
|
3199
2855
|
.hvr-icon-back {
|
|
3200
2856
|
display: inline-block;
|
|
3201
2857
|
vertical-align: middle;
|
|
3202
|
-
-webkit-transform: translateZ(0);
|
|
3203
|
-
transform: translateZ(0);
|
|
2858
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2859
|
+
transform: perspective(1px) translateZ(0);
|
|
3204
2860
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3205
|
-
-webkit-backface-visibility: hidden;
|
|
3206
|
-
backface-visibility: hidden;
|
|
3207
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3208
|
-
position: relative;
|
|
3209
|
-
padding-left: 2.2em;
|
|
3210
2861
|
-webkit-transition-duration: 0.1s;
|
|
3211
2862
|
transition-duration: 0.1s;
|
|
3212
2863
|
}
|
|
3213
|
-
.hvr-icon-back
|
|
3214
|
-
content: "\f137";
|
|
3215
|
-
position: absolute;
|
|
3216
|
-
left: 1em;
|
|
3217
|
-
padding: 0 1px;
|
|
3218
|
-
font-family: FontAwesome;
|
|
2864
|
+
.hvr-icon-back .hvr-icon {
|
|
3219
2865
|
-webkit-transform: translateZ(0);
|
|
3220
2866
|
transform: translateZ(0);
|
|
3221
2867
|
-webkit-transition-duration: 0.1s;
|
|
@@ -3225,7 +2871,7 @@
|
|
|
3225
2871
|
-webkit-transition-timing-function: ease-out;
|
|
3226
2872
|
transition-timing-function: ease-out;
|
|
3227
2873
|
}
|
|
3228
|
-
.hvr-icon-back:hover
|
|
2874
|
+
.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
|
|
3229
2875
|
-webkit-transform: translateX(-4px);
|
|
3230
2876
|
transform: translateX(-4px);
|
|
3231
2877
|
}
|
|
@@ -3234,23 +2880,13 @@
|
|
|
3234
2880
|
.hvr-icon-forward {
|
|
3235
2881
|
display: inline-block;
|
|
3236
2882
|
vertical-align: middle;
|
|
3237
|
-
-webkit-transform: translateZ(0);
|
|
3238
|
-
transform: translateZ(0);
|
|
2883
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2884
|
+
transform: perspective(1px) translateZ(0);
|
|
3239
2885
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3240
|
-
-webkit-backface-visibility: hidden;
|
|
3241
|
-
backface-visibility: hidden;
|
|
3242
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3243
|
-
position: relative;
|
|
3244
|
-
padding-right: 2.2em;
|
|
3245
2886
|
-webkit-transition-duration: 0.1s;
|
|
3246
2887
|
transition-duration: 0.1s;
|
|
3247
2888
|
}
|
|
3248
|
-
.hvr-icon-forward
|
|
3249
|
-
content: "\f138";
|
|
3250
|
-
position: absolute;
|
|
3251
|
-
right: 1em;
|
|
3252
|
-
padding: 0 1px;
|
|
3253
|
-
font-family: FontAwesome;
|
|
2889
|
+
.hvr-icon-forward .hvr-icon {
|
|
3254
2890
|
-webkit-transform: translateZ(0);
|
|
3255
2891
|
transform: translateZ(0);
|
|
3256
2892
|
-webkit-transition-duration: 0.1s;
|
|
@@ -3260,7 +2896,7 @@
|
|
|
3260
2896
|
-webkit-transition-timing-function: ease-out;
|
|
3261
2897
|
transition-timing-function: ease-out;
|
|
3262
2898
|
}
|
|
3263
|
-
.hvr-icon-forward:hover
|
|
2899
|
+
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
|
|
3264
2900
|
-webkit-transform: translateX(4px);
|
|
3265
2901
|
transform: translateX(4px);
|
|
3266
2902
|
}
|
|
@@ -3268,57 +2904,43 @@
|
|
|
3268
2904
|
/* Icon Down */
|
|
3269
2905
|
@-webkit-keyframes hvr-icon-down {
|
|
3270
2906
|
0%,
|
|
3271
|
-
|
|
3272
|
-
|
|
2907
|
+
50%,
|
|
2908
|
+
100% {
|
|
3273
2909
|
-webkit-transform: translateY(0);
|
|
3274
2910
|
transform: translateY(0);
|
|
3275
2911
|
}
|
|
3276
|
-
|
|
3277
2912
|
25%,
|
|
3278
|
-
|
|
2913
|
+
75% {
|
|
3279
2914
|
-webkit-transform: translateY(6px);
|
|
3280
2915
|
transform: translateY(6px);
|
|
3281
2916
|
}
|
|
3282
2917
|
}
|
|
3283
|
-
|
|
3284
2918
|
@keyframes hvr-icon-down {
|
|
3285
2919
|
0%,
|
|
3286
|
-
|
|
3287
|
-
|
|
2920
|
+
50%,
|
|
2921
|
+
100% {
|
|
3288
2922
|
-webkit-transform: translateY(0);
|
|
3289
2923
|
transform: translateY(0);
|
|
3290
2924
|
}
|
|
3291
|
-
|
|
3292
2925
|
25%,
|
|
3293
|
-
|
|
2926
|
+
75% {
|
|
3294
2927
|
-webkit-transform: translateY(6px);
|
|
3295
2928
|
transform: translateY(6px);
|
|
3296
2929
|
}
|
|
3297
2930
|
}
|
|
3298
|
-
|
|
3299
2931
|
/* Icon Down */
|
|
3300
2932
|
.hvr-icon-down {
|
|
3301
2933
|
display: inline-block;
|
|
3302
2934
|
vertical-align: middle;
|
|
3303
|
-
-webkit-transform: translateZ(0);
|
|
3304
|
-
transform: translateZ(0);
|
|
2935
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2936
|
+
transform: perspective(1px) translateZ(0);
|
|
3305
2937
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3306
|
-
-webkit-backface-visibility: hidden;
|
|
3307
|
-
backface-visibility: hidden;
|
|
3308
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3309
|
-
position: relative;
|
|
3310
|
-
padding-right: 2.2em;
|
|
3311
2938
|
}
|
|
3312
|
-
.hvr-icon-down
|
|
3313
|
-
content: "\f01a";
|
|
3314
|
-
position: absolute;
|
|
3315
|
-
right: 1em;
|
|
3316
|
-
padding: 0 1px;
|
|
3317
|
-
font-family: FontAwesome;
|
|
2939
|
+
.hvr-icon-down .hvr-icon {
|
|
3318
2940
|
-webkit-transform: translateZ(0);
|
|
3319
2941
|
transform: translateZ(0);
|
|
3320
2942
|
}
|
|
3321
|
-
.hvr-icon-down:hover
|
|
2943
|
+
.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
|
|
3322
2944
|
-webkit-animation-name: hvr-icon-down;
|
|
3323
2945
|
animation-name: hvr-icon-down;
|
|
3324
2946
|
-webkit-animation-duration: 0.75s;
|
|
@@ -3330,57 +2952,43 @@
|
|
|
3330
2952
|
/* Icon Up */
|
|
3331
2953
|
@-webkit-keyframes hvr-icon-up {
|
|
3332
2954
|
0%,
|
|
3333
|
-
|
|
3334
|
-
|
|
2955
|
+
50%,
|
|
2956
|
+
100% {
|
|
3335
2957
|
-webkit-transform: translateY(0);
|
|
3336
2958
|
transform: translateY(0);
|
|
3337
2959
|
}
|
|
3338
|
-
|
|
3339
2960
|
25%,
|
|
3340
|
-
|
|
2961
|
+
75% {
|
|
3341
2962
|
-webkit-transform: translateY(-6px);
|
|
3342
2963
|
transform: translateY(-6px);
|
|
3343
2964
|
}
|
|
3344
2965
|
}
|
|
3345
|
-
|
|
3346
2966
|
@keyframes hvr-icon-up {
|
|
3347
2967
|
0%,
|
|
3348
|
-
|
|
3349
|
-
|
|
2968
|
+
50%,
|
|
2969
|
+
100% {
|
|
3350
2970
|
-webkit-transform: translateY(0);
|
|
3351
2971
|
transform: translateY(0);
|
|
3352
2972
|
}
|
|
3353
|
-
|
|
3354
2973
|
25%,
|
|
3355
|
-
|
|
2974
|
+
75% {
|
|
3356
2975
|
-webkit-transform: translateY(-6px);
|
|
3357
2976
|
transform: translateY(-6px);
|
|
3358
2977
|
}
|
|
3359
2978
|
}
|
|
3360
|
-
|
|
3361
2979
|
/* Icon Up */
|
|
3362
2980
|
.hvr-icon-up {
|
|
3363
2981
|
display: inline-block;
|
|
3364
2982
|
vertical-align: middle;
|
|
3365
|
-
-webkit-transform: translateZ(0);
|
|
3366
|
-
transform: translateZ(0);
|
|
2983
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
2984
|
+
transform: perspective(1px) translateZ(0);
|
|
3367
2985
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3368
|
-
-webkit-backface-visibility: hidden;
|
|
3369
|
-
backface-visibility: hidden;
|
|
3370
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3371
|
-
position: relative;
|
|
3372
|
-
padding-right: 2.2em;
|
|
3373
2986
|
}
|
|
3374
|
-
.hvr-icon-up
|
|
3375
|
-
content: "\f01b";
|
|
3376
|
-
position: absolute;
|
|
3377
|
-
right: 1em;
|
|
3378
|
-
padding: 0 1px;
|
|
3379
|
-
font-family: FontAwesome;
|
|
2987
|
+
.hvr-icon-up .hvr-icon {
|
|
3380
2988
|
-webkit-transform: translateZ(0);
|
|
3381
2989
|
transform: translateZ(0);
|
|
3382
2990
|
}
|
|
3383
|
-
.hvr-icon-up:hover
|
|
2991
|
+
.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
|
|
3384
2992
|
-webkit-animation-name: hvr-icon-up;
|
|
3385
2993
|
animation-name: hvr-icon-up;
|
|
3386
2994
|
-webkit-animation-duration: 0.75s;
|
|
@@ -3393,21 +3001,11 @@
|
|
|
3393
3001
|
.hvr-icon-spin {
|
|
3394
3002
|
display: inline-block;
|
|
3395
3003
|
vertical-align: middle;
|
|
3396
|
-
-webkit-transform: translateZ(0);
|
|
3397
|
-
transform: translateZ(0);
|
|
3004
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3005
|
+
transform: perspective(1px) translateZ(0);
|
|
3398
3006
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3399
|
-
-webkit-backface-visibility: hidden;
|
|
3400
|
-
backface-visibility: hidden;
|
|
3401
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3402
|
-
position: relative;
|
|
3403
|
-
padding-right: 2.2em;
|
|
3404
3007
|
}
|
|
3405
|
-
.hvr-icon-spin
|
|
3406
|
-
content: "\f021";
|
|
3407
|
-
position: absolute;
|
|
3408
|
-
right: 1em;
|
|
3409
|
-
padding: 0 1px;
|
|
3410
|
-
font-family: FontAwesome;
|
|
3008
|
+
.hvr-icon-spin .hvr-icon {
|
|
3411
3009
|
-webkit-transition-duration: 1s;
|
|
3412
3010
|
transition-duration: 1s;
|
|
3413
3011
|
-webkit-transition-property: transform;
|
|
@@ -3415,7 +3013,7 @@
|
|
|
3415
3013
|
-webkit-transition-timing-function: ease-in-out;
|
|
3416
3014
|
transition-timing-function: ease-in-out;
|
|
3417
3015
|
}
|
|
3418
|
-
.hvr-icon-spin:hover
|
|
3016
|
+
.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
|
|
3419
3017
|
-webkit-transform: rotate(360deg);
|
|
3420
3018
|
transform: rotate(360deg);
|
|
3421
3019
|
}
|
|
@@ -3425,60 +3023,43 @@
|
|
|
3425
3023
|
0% {
|
|
3426
3024
|
opacity: 0;
|
|
3427
3025
|
}
|
|
3428
|
-
|
|
3429
3026
|
50% {
|
|
3430
3027
|
opacity: 0;
|
|
3431
3028
|
-webkit-transform: translateY(-100%);
|
|
3432
3029
|
transform: translateY(-100%);
|
|
3433
3030
|
}
|
|
3434
|
-
|
|
3435
3031
|
51%,
|
|
3436
|
-
|
|
3032
|
+
100% {
|
|
3437
3033
|
opacity: 1;
|
|
3438
3034
|
}
|
|
3439
3035
|
}
|
|
3440
|
-
|
|
3441
3036
|
@keyframes hvr-icon-drop {
|
|
3442
3037
|
0% {
|
|
3443
3038
|
opacity: 0;
|
|
3444
3039
|
}
|
|
3445
|
-
|
|
3446
3040
|
50% {
|
|
3447
3041
|
opacity: 0;
|
|
3448
3042
|
-webkit-transform: translateY(-100%);
|
|
3449
3043
|
transform: translateY(-100%);
|
|
3450
3044
|
}
|
|
3451
|
-
|
|
3452
3045
|
51%,
|
|
3453
|
-
|
|
3046
|
+
100% {
|
|
3454
3047
|
opacity: 1;
|
|
3455
3048
|
}
|
|
3456
3049
|
}
|
|
3457
|
-
|
|
3458
3050
|
/* Icon Drop */
|
|
3459
3051
|
.hvr-icon-drop {
|
|
3460
3052
|
display: inline-block;
|
|
3461
3053
|
vertical-align: middle;
|
|
3462
|
-
-webkit-transform: translateZ(0);
|
|
3463
|
-
transform: translateZ(0);
|
|
3054
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3055
|
+
transform: perspective(1px) translateZ(0);
|
|
3464
3056
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3465
|
-
-webkit-backface-visibility: hidden;
|
|
3466
|
-
backface-visibility: hidden;
|
|
3467
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3468
|
-
position: relative;
|
|
3469
|
-
padding-right: 2.2em;
|
|
3470
3057
|
}
|
|
3471
|
-
.hvr-icon-drop
|
|
3472
|
-
content: "\f041";
|
|
3473
|
-
position: absolute;
|
|
3474
|
-
right: 1em;
|
|
3475
|
-
opacity: 1;
|
|
3476
|
-
padding: 0 1px;
|
|
3477
|
-
font-family: FontAwesome;
|
|
3058
|
+
.hvr-icon-drop .hvr-icon {
|
|
3478
3059
|
-webkit-transform: translateZ(0);
|
|
3479
3060
|
transform: translateZ(0);
|
|
3480
3061
|
}
|
|
3481
|
-
.hvr-icon-drop:hover
|
|
3062
|
+
.hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
|
|
3482
3063
|
opacity: 0;
|
|
3483
3064
|
-webkit-transition-duration: 0.3s;
|
|
3484
3065
|
transition-duration: 0.3s;
|
|
@@ -3500,21 +3081,11 @@
|
|
|
3500
3081
|
.hvr-icon-fade {
|
|
3501
3082
|
display: inline-block;
|
|
3502
3083
|
vertical-align: middle;
|
|
3503
|
-
-webkit-transform: translateZ(0);
|
|
3504
|
-
transform: translateZ(0);
|
|
3084
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3085
|
+
transform: perspective(1px) translateZ(0);
|
|
3505
3086
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3506
|
-
-webkit-backface-visibility: hidden;
|
|
3507
|
-
backface-visibility: hidden;
|
|
3508
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3509
|
-
position: relative;
|
|
3510
|
-
padding-right: 2.2em;
|
|
3511
3087
|
}
|
|
3512
|
-
.hvr-icon-fade
|
|
3513
|
-
content: "\f00c";
|
|
3514
|
-
position: absolute;
|
|
3515
|
-
right: 1em;
|
|
3516
|
-
padding: 0 1px;
|
|
3517
|
-
font-family: FontAwesome;
|
|
3088
|
+
.hvr-icon-fade .hvr-icon {
|
|
3518
3089
|
-webkit-transform: translateZ(0);
|
|
3519
3090
|
transform: translateZ(0);
|
|
3520
3091
|
-webkit-transition-duration: 0.5s;
|
|
@@ -3522,7 +3093,7 @@
|
|
|
3522
3093
|
-webkit-transition-property: color;
|
|
3523
3094
|
transition-property: color;
|
|
3524
3095
|
}
|
|
3525
|
-
.hvr-icon-fade:hover
|
|
3096
|
+
.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
|
|
3526
3097
|
color: #0F9E5E;
|
|
3527
3098
|
}
|
|
3528
3099
|
|
|
@@ -3531,54 +3102,39 @@
|
|
|
3531
3102
|
0% {
|
|
3532
3103
|
opacity: 1;
|
|
3533
3104
|
}
|
|
3534
|
-
|
|
3535
3105
|
100% {
|
|
3536
3106
|
opacity: 0;
|
|
3537
3107
|
-webkit-transform: translateY(-1em);
|
|
3538
3108
|
transform: translateY(-1em);
|
|
3539
3109
|
}
|
|
3540
3110
|
}
|
|
3541
|
-
|
|
3542
3111
|
@keyframes hvr-icon-float-away {
|
|
3543
3112
|
0% {
|
|
3544
3113
|
opacity: 1;
|
|
3545
3114
|
}
|
|
3546
|
-
|
|
3547
3115
|
100% {
|
|
3548
3116
|
opacity: 0;
|
|
3549
3117
|
-webkit-transform: translateY(-1em);
|
|
3550
3118
|
transform: translateY(-1em);
|
|
3551
3119
|
}
|
|
3552
3120
|
}
|
|
3553
|
-
|
|
3554
3121
|
/* Icon Float Away */
|
|
3555
3122
|
.hvr-icon-float-away {
|
|
3556
3123
|
display: inline-block;
|
|
3557
3124
|
vertical-align: middle;
|
|
3558
|
-
-webkit-transform: translateZ(0);
|
|
3559
|
-
transform: translateZ(0);
|
|
3125
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3126
|
+
transform: perspective(1px) translateZ(0);
|
|
3560
3127
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3561
|
-
-webkit-backface-visibility: hidden;
|
|
3562
|
-
backface-visibility: hidden;
|
|
3563
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3564
|
-
position: relative;
|
|
3565
|
-
padding-right: 2.2em;
|
|
3566
|
-
}
|
|
3567
|
-
.hvr-icon-float-away:before, .hvr-icon-float-away:after {
|
|
3568
|
-
content: "\f055";
|
|
3569
|
-
position: absolute;
|
|
3570
|
-
right: 1em;
|
|
3571
|
-
padding: 0 1px;
|
|
3572
|
-
font-family: FontAwesome;
|
|
3573
3128
|
}
|
|
3574
|
-
.hvr-icon-float-away
|
|
3575
|
-
|
|
3129
|
+
.hvr-icon-float-away .hvr-icon {
|
|
3130
|
+
-webkit-transform: translateZ(0);
|
|
3131
|
+
transform: translateZ(0);
|
|
3576
3132
|
-webkit-animation-duration: 0.5s;
|
|
3577
3133
|
animation-duration: 0.5s;
|
|
3578
3134
|
-webkit-animation-fill-mode: forwards;
|
|
3579
3135
|
animation-fill-mode: forwards;
|
|
3580
3136
|
}
|
|
3581
|
-
.hvr-icon-float-away:hover
|
|
3137
|
+
.hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
|
|
3582
3138
|
-webkit-animation-name: hvr-icon-float-away;
|
|
3583
3139
|
animation-name: hvr-icon-float-away;
|
|
3584
3140
|
-webkit-animation-timing-function: ease-out;
|
|
@@ -3590,56 +3146,39 @@
|
|
|
3590
3146
|
0% {
|
|
3591
3147
|
opacity: 1;
|
|
3592
3148
|
}
|
|
3593
|
-
|
|
3594
3149
|
100% {
|
|
3595
3150
|
opacity: 0;
|
|
3596
3151
|
-webkit-transform: translateY(1em);
|
|
3597
3152
|
transform: translateY(1em);
|
|
3598
3153
|
}
|
|
3599
3154
|
}
|
|
3600
|
-
|
|
3601
3155
|
@keyframes hvr-icon-sink-away {
|
|
3602
3156
|
0% {
|
|
3603
3157
|
opacity: 1;
|
|
3604
3158
|
}
|
|
3605
|
-
|
|
3606
3159
|
100% {
|
|
3607
3160
|
opacity: 0;
|
|
3608
3161
|
-webkit-transform: translateY(1em);
|
|
3609
3162
|
transform: translateY(1em);
|
|
3610
3163
|
}
|
|
3611
3164
|
}
|
|
3612
|
-
|
|
3613
3165
|
/* Icon Sink Away */
|
|
3614
3166
|
.hvr-icon-sink-away {
|
|
3615
3167
|
display: inline-block;
|
|
3616
3168
|
vertical-align: middle;
|
|
3617
|
-
-webkit-transform: translateZ(0);
|
|
3618
|
-
transform: translateZ(0);
|
|
3169
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3170
|
+
transform: perspective(1px) translateZ(0);
|
|
3619
3171
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3620
|
-
-webkit-backface-visibility: hidden;
|
|
3621
|
-
backface-visibility: hidden;
|
|
3622
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3623
|
-
position: relative;
|
|
3624
|
-
padding-right: 2.2em;
|
|
3625
3172
|
}
|
|
3626
|
-
.hvr-icon-sink-away
|
|
3627
|
-
content: "\f056";
|
|
3628
|
-
position: absolute;
|
|
3629
|
-
right: 1em;
|
|
3630
|
-
padding: 0 1px;
|
|
3631
|
-
font-family: FontAwesome;
|
|
3173
|
+
.hvr-icon-sink-away .hvr-icon {
|
|
3632
3174
|
-webkit-transform: translateZ(0);
|
|
3633
3175
|
transform: translateZ(0);
|
|
3634
|
-
}
|
|
3635
|
-
.hvr-icon-sink-away:after {
|
|
3636
|
-
opacity: 0;
|
|
3637
3176
|
-webkit-animation-duration: 0.5s;
|
|
3638
3177
|
animation-duration: 0.5s;
|
|
3639
3178
|
-webkit-animation-fill-mode: forwards;
|
|
3640
3179
|
animation-fill-mode: forwards;
|
|
3641
3180
|
}
|
|
3642
|
-
.hvr-icon-sink-away:hover
|
|
3181
|
+
.hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
|
|
3643
3182
|
-webkit-animation-name: hvr-icon-sink-away;
|
|
3644
3183
|
animation-name: hvr-icon-sink-away;
|
|
3645
3184
|
-webkit-animation-timing-function: ease-out;
|
|
@@ -3650,23 +3189,13 @@
|
|
|
3650
3189
|
.hvr-icon-grow {
|
|
3651
3190
|
display: inline-block;
|
|
3652
3191
|
vertical-align: middle;
|
|
3653
|
-
-webkit-transform: translateZ(0);
|
|
3654
|
-
transform: translateZ(0);
|
|
3192
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3193
|
+
transform: perspective(1px) translateZ(0);
|
|
3655
3194
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3656
|
-
-webkit-backface-visibility: hidden;
|
|
3657
|
-
backface-visibility: hidden;
|
|
3658
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3659
|
-
position: relative;
|
|
3660
|
-
padding-right: 2.2em;
|
|
3661
3195
|
-webkit-transition-duration: 0.3s;
|
|
3662
3196
|
transition-duration: 0.3s;
|
|
3663
3197
|
}
|
|
3664
|
-
.hvr-icon-grow
|
|
3665
|
-
content: "\f118";
|
|
3666
|
-
position: absolute;
|
|
3667
|
-
right: 1em;
|
|
3668
|
-
padding: 0 1px;
|
|
3669
|
-
font-family: FontAwesome;
|
|
3198
|
+
.hvr-icon-grow .hvr-icon {
|
|
3670
3199
|
-webkit-transform: translateZ(0);
|
|
3671
3200
|
transform: translateZ(0);
|
|
3672
3201
|
-webkit-transition-duration: 0.3s;
|
|
@@ -3676,7 +3205,7 @@
|
|
|
3676
3205
|
-webkit-transition-timing-function: ease-out;
|
|
3677
3206
|
transition-timing-function: ease-out;
|
|
3678
3207
|
}
|
|
3679
|
-
.hvr-icon-grow:hover
|
|
3208
|
+
.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
|
|
3680
3209
|
-webkit-transform: scale(1.3) translateZ(0);
|
|
3681
3210
|
transform: scale(1.3) translateZ(0);
|
|
3682
3211
|
}
|
|
@@ -3685,23 +3214,13 @@
|
|
|
3685
3214
|
.hvr-icon-shrink {
|
|
3686
3215
|
display: inline-block;
|
|
3687
3216
|
vertical-align: middle;
|
|
3688
|
-
-webkit-transform: translateZ(0);
|
|
3689
|
-
transform: translateZ(0);
|
|
3217
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3218
|
+
transform: perspective(1px) translateZ(0);
|
|
3690
3219
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3691
|
-
-webkit-backface-visibility: hidden;
|
|
3692
|
-
backface-visibility: hidden;
|
|
3693
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3694
|
-
position: relative;
|
|
3695
|
-
padding-right: 2.2em;
|
|
3696
3220
|
-webkit-transition-duration: 0.3s;
|
|
3697
3221
|
transition-duration: 0.3s;
|
|
3698
3222
|
}
|
|
3699
|
-
.hvr-icon-shrink
|
|
3700
|
-
content: "\f119";
|
|
3701
|
-
position: absolute;
|
|
3702
|
-
right: 1em;
|
|
3703
|
-
padding: 0 1px;
|
|
3704
|
-
font-family: FontAwesome;
|
|
3223
|
+
.hvr-icon-shrink .hvr-icon {
|
|
3705
3224
|
-webkit-transform: translateZ(0);
|
|
3706
3225
|
transform: translateZ(0);
|
|
3707
3226
|
-webkit-transition-duration: 0.3s;
|
|
@@ -3711,7 +3230,7 @@
|
|
|
3711
3230
|
-webkit-transition-timing-function: ease-out;
|
|
3712
3231
|
transition-timing-function: ease-out;
|
|
3713
3232
|
}
|
|
3714
|
-
.hvr-icon-shrink:hover
|
|
3233
|
+
.hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
|
|
3715
3234
|
-webkit-transform: scale(0.8);
|
|
3716
3235
|
transform: scale(0.8);
|
|
3717
3236
|
}
|
|
@@ -3722,49 +3241,35 @@
|
|
|
3722
3241
|
-webkit-transform: scale(1.3);
|
|
3723
3242
|
transform: scale(1.3);
|
|
3724
3243
|
}
|
|
3725
|
-
|
|
3726
3244
|
75% {
|
|
3727
3245
|
-webkit-transform: scale(0.8);
|
|
3728
3246
|
transform: scale(0.8);
|
|
3729
3247
|
}
|
|
3730
3248
|
}
|
|
3731
|
-
|
|
3732
3249
|
@keyframes hvr-icon-pulse {
|
|
3733
3250
|
25% {
|
|
3734
3251
|
-webkit-transform: scale(1.3);
|
|
3735
3252
|
transform: scale(1.3);
|
|
3736
3253
|
}
|
|
3737
|
-
|
|
3738
3254
|
75% {
|
|
3739
3255
|
-webkit-transform: scale(0.8);
|
|
3740
3256
|
transform: scale(0.8);
|
|
3741
3257
|
}
|
|
3742
3258
|
}
|
|
3743
|
-
|
|
3744
3259
|
.hvr-icon-pulse {
|
|
3745
3260
|
display: inline-block;
|
|
3746
3261
|
vertical-align: middle;
|
|
3747
|
-
-webkit-transform: translateZ(0);
|
|
3748
|
-
transform: translateZ(0);
|
|
3262
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3263
|
+
transform: perspective(1px) translateZ(0);
|
|
3749
3264
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3750
|
-
-webkit-backface-visibility: hidden;
|
|
3751
|
-
backface-visibility: hidden;
|
|
3752
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3753
|
-
position: relative;
|
|
3754
|
-
padding-right: 2.2em;
|
|
3755
3265
|
}
|
|
3756
|
-
.hvr-icon-pulse
|
|
3757
|
-
content: "\f015";
|
|
3758
|
-
position: absolute;
|
|
3759
|
-
right: 1em;
|
|
3760
|
-
padding: 0 1px;
|
|
3761
|
-
font-family: FontAwesome;
|
|
3266
|
+
.hvr-icon-pulse .hvr-icon {
|
|
3762
3267
|
-webkit-transform: translateZ(0);
|
|
3763
3268
|
transform: translateZ(0);
|
|
3764
3269
|
-webkit-transition-timing-function: ease-out;
|
|
3765
3270
|
transition-timing-function: ease-out;
|
|
3766
3271
|
}
|
|
3767
|
-
.hvr-icon-pulse:hover
|
|
3272
|
+
.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
|
|
3768
3273
|
-webkit-animation-name: hvr-icon-pulse;
|
|
3769
3274
|
animation-name: hvr-icon-pulse;
|
|
3770
3275
|
-webkit-animation-duration: 1s;
|
|
@@ -3782,38 +3287,26 @@
|
|
|
3782
3287
|
transform: scale(1.3);
|
|
3783
3288
|
}
|
|
3784
3289
|
}
|
|
3785
|
-
|
|
3786
3290
|
@keyframes hvr-icon-pulse-grow {
|
|
3787
3291
|
to {
|
|
3788
3292
|
-webkit-transform: scale(1.3);
|
|
3789
3293
|
transform: scale(1.3);
|
|
3790
3294
|
}
|
|
3791
3295
|
}
|
|
3792
|
-
|
|
3793
3296
|
.hvr-icon-pulse-grow {
|
|
3794
3297
|
display: inline-block;
|
|
3795
3298
|
vertical-align: middle;
|
|
3796
|
-
-webkit-transform: translateZ(0);
|
|
3797
|
-
transform: translateZ(0);
|
|
3299
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3300
|
+
transform: perspective(1px) translateZ(0);
|
|
3798
3301
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3799
|
-
-webkit-backface-visibility: hidden;
|
|
3800
|
-
backface-visibility: hidden;
|
|
3801
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3802
|
-
position: relative;
|
|
3803
|
-
padding-right: 2.2em;
|
|
3804
3302
|
}
|
|
3805
|
-
.hvr-icon-pulse-grow
|
|
3806
|
-
content: "\f015";
|
|
3807
|
-
position: absolute;
|
|
3808
|
-
right: 1em;
|
|
3809
|
-
padding: 0 1px;
|
|
3810
|
-
font-family: FontAwesome;
|
|
3303
|
+
.hvr-icon-pulse-grow .hvr-icon {
|
|
3811
3304
|
-webkit-transform: translateZ(0);
|
|
3812
3305
|
transform: translateZ(0);
|
|
3813
3306
|
-webkit-transition-timing-function: ease-out;
|
|
3814
3307
|
transition-timing-function: ease-out;
|
|
3815
3308
|
}
|
|
3816
|
-
.hvr-icon-pulse-grow:hover
|
|
3309
|
+
.hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
|
|
3817
3310
|
-webkit-animation-name: hvr-icon-pulse-grow;
|
|
3818
3311
|
animation-name: hvr-icon-pulse-grow;
|
|
3819
3312
|
-webkit-animation-duration: 0.3s;
|
|
@@ -3833,38 +3326,26 @@
|
|
|
3833
3326
|
transform: scale(0.8);
|
|
3834
3327
|
}
|
|
3835
3328
|
}
|
|
3836
|
-
|
|
3837
3329
|
@keyframes hvr-icon-pulse-shrink {
|
|
3838
3330
|
to {
|
|
3839
3331
|
-webkit-transform: scale(0.8);
|
|
3840
3332
|
transform: scale(0.8);
|
|
3841
3333
|
}
|
|
3842
3334
|
}
|
|
3843
|
-
|
|
3844
3335
|
.hvr-icon-pulse-shrink {
|
|
3845
3336
|
display: inline-block;
|
|
3846
3337
|
vertical-align: middle;
|
|
3847
|
-
-webkit-transform: translateZ(0);
|
|
3848
|
-
transform: translateZ(0);
|
|
3338
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3339
|
+
transform: perspective(1px) translateZ(0);
|
|
3849
3340
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3850
|
-
-webkit-backface-visibility: hidden;
|
|
3851
|
-
backface-visibility: hidden;
|
|
3852
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3853
|
-
position: relative;
|
|
3854
|
-
padding-right: 2.2em;
|
|
3855
3341
|
}
|
|
3856
|
-
.hvr-icon-pulse-shrink
|
|
3857
|
-
content: "\f015";
|
|
3858
|
-
position: absolute;
|
|
3859
|
-
right: 1em;
|
|
3860
|
-
padding: 0 1px;
|
|
3861
|
-
font-family: FontAwesome;
|
|
3342
|
+
.hvr-icon-pulse-shrink .hvr-icon {
|
|
3862
3343
|
-webkit-transform: translateZ(0);
|
|
3863
3344
|
transform: translateZ(0);
|
|
3864
3345
|
-webkit-transition-timing-function: ease-out;
|
|
3865
3346
|
transition-timing-function: ease-out;
|
|
3866
3347
|
}
|
|
3867
|
-
.hvr-icon-pulse-shrink:hover
|
|
3348
|
+
.hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
|
|
3868
3349
|
-webkit-animation-name: hvr-icon-pulse-shrink;
|
|
3869
3350
|
animation-name: hvr-icon-pulse-shrink;
|
|
3870
3351
|
-webkit-animation-duration: 0.3s;
|
|
@@ -3884,34 +3365,22 @@
|
|
|
3884
3365
|
transform: scale(0.5);
|
|
3885
3366
|
}
|
|
3886
3367
|
}
|
|
3887
|
-
|
|
3888
3368
|
@keyframes hvr-icon-push {
|
|
3889
3369
|
50% {
|
|
3890
3370
|
-webkit-transform: scale(0.5);
|
|
3891
3371
|
transform: scale(0.5);
|
|
3892
3372
|
}
|
|
3893
3373
|
}
|
|
3894
|
-
|
|
3895
3374
|
.hvr-icon-push {
|
|
3896
3375
|
display: inline-block;
|
|
3897
3376
|
vertical-align: middle;
|
|
3898
|
-
-webkit-transform: translateZ(0);
|
|
3899
|
-
transform: translateZ(0);
|
|
3377
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3378
|
+
transform: perspective(1px) translateZ(0);
|
|
3900
3379
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3901
|
-
-webkit-backface-visibility: hidden;
|
|
3902
|
-
backface-visibility: hidden;
|
|
3903
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3904
|
-
position: relative;
|
|
3905
|
-
padding-right: 2.2em;
|
|
3906
3380
|
-webkit-transition-duration: 0.3s;
|
|
3907
3381
|
transition-duration: 0.3s;
|
|
3908
3382
|
}
|
|
3909
|
-
.hvr-icon-push
|
|
3910
|
-
content: "\f006";
|
|
3911
|
-
position: absolute;
|
|
3912
|
-
right: 1em;
|
|
3913
|
-
padding: 0 1px;
|
|
3914
|
-
font-family: FontAwesome;
|
|
3383
|
+
.hvr-icon-push .hvr-icon {
|
|
3915
3384
|
-webkit-transform: translateZ(0);
|
|
3916
3385
|
transform: translateZ(0);
|
|
3917
3386
|
-webkit-transition-duration: 0.3s;
|
|
@@ -3921,7 +3390,7 @@
|
|
|
3921
3390
|
-webkit-transition-timing-function: ease-out;
|
|
3922
3391
|
transition-timing-function: ease-out;
|
|
3923
3392
|
}
|
|
3924
|
-
.hvr-icon-push:hover
|
|
3393
|
+
.hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
|
|
3925
3394
|
-webkit-animation-name: hvr-icon-push;
|
|
3926
3395
|
animation-name: hvr-icon-push;
|
|
3927
3396
|
-webkit-animation-duration: 0.3s;
|
|
@@ -3939,34 +3408,22 @@
|
|
|
3939
3408
|
transform: scale(1.5);
|
|
3940
3409
|
}
|
|
3941
3410
|
}
|
|
3942
|
-
|
|
3943
3411
|
@keyframes hvr-icon-pop {
|
|
3944
3412
|
50% {
|
|
3945
3413
|
-webkit-transform: scale(1.5);
|
|
3946
3414
|
transform: scale(1.5);
|
|
3947
3415
|
}
|
|
3948
3416
|
}
|
|
3949
|
-
|
|
3950
3417
|
.hvr-icon-pop {
|
|
3951
3418
|
display: inline-block;
|
|
3952
3419
|
vertical-align: middle;
|
|
3953
|
-
-webkit-transform: translateZ(0);
|
|
3954
|
-
transform: translateZ(0);
|
|
3420
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3421
|
+
transform: perspective(1px) translateZ(0);
|
|
3955
3422
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3956
|
-
-webkit-backface-visibility: hidden;
|
|
3957
|
-
backface-visibility: hidden;
|
|
3958
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3959
|
-
position: relative;
|
|
3960
|
-
padding-right: 2.2em;
|
|
3961
3423
|
-webkit-transition-duration: 0.3s;
|
|
3962
3424
|
transition-duration: 0.3s;
|
|
3963
3425
|
}
|
|
3964
|
-
.hvr-icon-pop
|
|
3965
|
-
content: "\f005";
|
|
3966
|
-
position: absolute;
|
|
3967
|
-
right: 1em;
|
|
3968
|
-
padding: 0 1px;
|
|
3969
|
-
font-family: FontAwesome;
|
|
3426
|
+
.hvr-icon-pop .hvr-icon {
|
|
3970
3427
|
-webkit-transform: translateZ(0);
|
|
3971
3428
|
transform: translateZ(0);
|
|
3972
3429
|
-webkit-transition-duration: 0.3s;
|
|
@@ -3976,7 +3433,7 @@
|
|
|
3976
3433
|
-webkit-transition-timing-function: ease-out;
|
|
3977
3434
|
transition-timing-function: ease-out;
|
|
3978
3435
|
}
|
|
3979
|
-
.hvr-icon-pop:hover
|
|
3436
|
+
.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
|
|
3980
3437
|
-webkit-animation-name: hvr-icon-pop;
|
|
3981
3438
|
animation-name: hvr-icon-pop;
|
|
3982
3439
|
-webkit-animation-duration: 0.3s;
|
|
@@ -3991,23 +3448,13 @@
|
|
|
3991
3448
|
.hvr-icon-bounce {
|
|
3992
3449
|
display: inline-block;
|
|
3993
3450
|
vertical-align: middle;
|
|
3994
|
-
-webkit-transform: translateZ(0);
|
|
3995
|
-
transform: translateZ(0);
|
|
3451
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3452
|
+
transform: perspective(1px) translateZ(0);
|
|
3996
3453
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
3997
|
-
-webkit-backface-visibility: hidden;
|
|
3998
|
-
backface-visibility: hidden;
|
|
3999
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4000
|
-
position: relative;
|
|
4001
|
-
padding-right: 2.2em;
|
|
4002
3454
|
-webkit-transition-duration: 0.3s;
|
|
4003
3455
|
transition-duration: 0.3s;
|
|
4004
3456
|
}
|
|
4005
|
-
.hvr-icon-bounce
|
|
4006
|
-
content: "\f087";
|
|
4007
|
-
position: absolute;
|
|
4008
|
-
right: 1em;
|
|
4009
|
-
padding: 0 1px;
|
|
4010
|
-
font-family: FontAwesome;
|
|
3457
|
+
.hvr-icon-bounce .hvr-icon {
|
|
4011
3458
|
-webkit-transform: translateZ(0);
|
|
4012
3459
|
transform: translateZ(0);
|
|
4013
3460
|
-webkit-transition-duration: 0.3s;
|
|
@@ -4017,7 +3464,7 @@
|
|
|
4017
3464
|
-webkit-transition-timing-function: ease-out;
|
|
4018
3465
|
transition-timing-function: ease-out;
|
|
4019
3466
|
}
|
|
4020
|
-
.hvr-icon-bounce:hover
|
|
3467
|
+
.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
|
|
4021
3468
|
-webkit-transform: scale(1.5);
|
|
4022
3469
|
transform: scale(1.5);
|
|
4023
3470
|
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
|
|
@@ -4028,23 +3475,13 @@
|
|
|
4028
3475
|
.hvr-icon-rotate {
|
|
4029
3476
|
display: inline-block;
|
|
4030
3477
|
vertical-align: middle;
|
|
4031
|
-
-webkit-transform: translateZ(0);
|
|
4032
|
-
transform: translateZ(0);
|
|
3478
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3479
|
+
transform: perspective(1px) translateZ(0);
|
|
4033
3480
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4034
|
-
-webkit-backface-visibility: hidden;
|
|
4035
|
-
backface-visibility: hidden;
|
|
4036
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4037
|
-
position: relative;
|
|
4038
|
-
padding-right: 2.2em;
|
|
4039
3481
|
-webkit-transition-duration: 0.3s;
|
|
4040
3482
|
transition-duration: 0.3s;
|
|
4041
3483
|
}
|
|
4042
|
-
.hvr-icon-rotate
|
|
4043
|
-
content: "\f0c6";
|
|
4044
|
-
position: absolute;
|
|
4045
|
-
right: 1em;
|
|
4046
|
-
padding: 0 1px;
|
|
4047
|
-
font-family: FontAwesome;
|
|
3484
|
+
.hvr-icon-rotate .hvr-icon {
|
|
4048
3485
|
-webkit-transform: translateZ(0);
|
|
4049
3486
|
transform: translateZ(0);
|
|
4050
3487
|
-webkit-transition-duration: 0.3s;
|
|
@@ -4054,7 +3491,7 @@
|
|
|
4054
3491
|
-webkit-transition-timing-function: ease-out;
|
|
4055
3492
|
transition-timing-function: ease-out;
|
|
4056
3493
|
}
|
|
4057
|
-
.hvr-icon-rotate:hover
|
|
3494
|
+
.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
|
|
4058
3495
|
-webkit-transform: rotate(20deg);
|
|
4059
3496
|
transform: rotate(20deg);
|
|
4060
3497
|
}
|
|
@@ -4063,23 +3500,13 @@
|
|
|
4063
3500
|
.hvr-icon-grow-rotate {
|
|
4064
3501
|
display: inline-block;
|
|
4065
3502
|
vertical-align: middle;
|
|
4066
|
-
-webkit-transform: translateZ(0);
|
|
4067
|
-
transform: translateZ(0);
|
|
3503
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3504
|
+
transform: perspective(1px) translateZ(0);
|
|
4068
3505
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4069
|
-
-webkit-backface-visibility: hidden;
|
|
4070
|
-
backface-visibility: hidden;
|
|
4071
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4072
|
-
position: relative;
|
|
4073
|
-
padding-right: 2.2em;
|
|
4074
3506
|
-webkit-transition-duration: 0.3s;
|
|
4075
3507
|
transition-duration: 0.3s;
|
|
4076
3508
|
}
|
|
4077
|
-
.hvr-icon-grow-rotate
|
|
4078
|
-
content: "\f095";
|
|
4079
|
-
position: absolute;
|
|
4080
|
-
right: 1em;
|
|
4081
|
-
padding: 0 1px;
|
|
4082
|
-
font-family: FontAwesome;
|
|
3509
|
+
.hvr-icon-grow-rotate .hvr-icon {
|
|
4083
3510
|
-webkit-transform: translateZ(0);
|
|
4084
3511
|
transform: translateZ(0);
|
|
4085
3512
|
-webkit-transition-duration: 0.3s;
|
|
@@ -4089,7 +3516,7 @@
|
|
|
4089
3516
|
-webkit-transition-timing-function: ease-out;
|
|
4090
3517
|
transition-timing-function: ease-out;
|
|
4091
3518
|
}
|
|
4092
|
-
.hvr-icon-grow-rotate:hover
|
|
3519
|
+
.hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
|
|
4093
3520
|
-webkit-transform: scale(1.5) rotate(12deg);
|
|
4094
3521
|
transform: scale(1.5) rotate(12deg);
|
|
4095
3522
|
}
|
|
@@ -4098,23 +3525,13 @@
|
|
|
4098
3525
|
.hvr-icon-float {
|
|
4099
3526
|
display: inline-block;
|
|
4100
3527
|
vertical-align: middle;
|
|
4101
|
-
-webkit-transform: translateZ(0);
|
|
4102
|
-
transform: translateZ(0);
|
|
3528
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3529
|
+
transform: perspective(1px) translateZ(0);
|
|
4103
3530
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4104
|
-
-webkit-backface-visibility: hidden;
|
|
4105
|
-
backface-visibility: hidden;
|
|
4106
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4107
|
-
position: relative;
|
|
4108
|
-
padding-right: 2.2em;
|
|
4109
3531
|
-webkit-transition-duration: 0.3s;
|
|
4110
3532
|
transition-duration: 0.3s;
|
|
4111
3533
|
}
|
|
4112
|
-
.hvr-icon-float
|
|
4113
|
-
content: "\f01b";
|
|
4114
|
-
position: absolute;
|
|
4115
|
-
right: 1em;
|
|
4116
|
-
padding: 0 1px;
|
|
4117
|
-
font-family: FontAwesome;
|
|
3534
|
+
.hvr-icon-float .hvr-icon {
|
|
4118
3535
|
-webkit-transform: translateZ(0);
|
|
4119
3536
|
transform: translateZ(0);
|
|
4120
3537
|
-webkit-transition-duration: 0.3s;
|
|
@@ -4124,7 +3541,7 @@
|
|
|
4124
3541
|
-webkit-transition-timing-function: ease-out;
|
|
4125
3542
|
transition-timing-function: ease-out;
|
|
4126
3543
|
}
|
|
4127
|
-
.hvr-icon-float:hover
|
|
3544
|
+
.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
|
|
4128
3545
|
-webkit-transform: translateY(-4px);
|
|
4129
3546
|
transform: translateY(-4px);
|
|
4130
3547
|
}
|
|
@@ -4133,23 +3550,13 @@
|
|
|
4133
3550
|
.hvr-icon-sink {
|
|
4134
3551
|
display: inline-block;
|
|
4135
3552
|
vertical-align: middle;
|
|
4136
|
-
-webkit-transform: translateZ(0);
|
|
4137
|
-
transform: translateZ(0);
|
|
3553
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3554
|
+
transform: perspective(1px) translateZ(0);
|
|
4138
3555
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4139
|
-
-webkit-backface-visibility: hidden;
|
|
4140
|
-
backface-visibility: hidden;
|
|
4141
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4142
|
-
position: relative;
|
|
4143
|
-
padding-right: 2.2em;
|
|
4144
3556
|
-webkit-transition-duration: 0.3s;
|
|
4145
3557
|
transition-duration: 0.3s;
|
|
4146
3558
|
}
|
|
4147
|
-
.hvr-icon-sink
|
|
4148
|
-
content: "\f01a";
|
|
4149
|
-
position: absolute;
|
|
4150
|
-
right: 1em;
|
|
4151
|
-
padding: 0 1px;
|
|
4152
|
-
font-family: FontAwesome;
|
|
3559
|
+
.hvr-icon-sink .hvr-icon {
|
|
4153
3560
|
-webkit-transform: translateZ(0);
|
|
4154
3561
|
transform: translateZ(0);
|
|
4155
3562
|
-webkit-transition-duration: 0.3s;
|
|
@@ -4159,7 +3566,7 @@
|
|
|
4159
3566
|
-webkit-transition-timing-function: ease-out;
|
|
4160
3567
|
transition-timing-function: ease-out;
|
|
4161
3568
|
}
|
|
4162
|
-
.hvr-icon-sink:hover
|
|
3569
|
+
.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
|
|
4163
3570
|
-webkit-transform: translateY(4px);
|
|
4164
3571
|
transform: translateY(4px);
|
|
4165
3572
|
}
|
|
@@ -4170,73 +3577,55 @@
|
|
|
4170
3577
|
-webkit-transform: translateY(-6px);
|
|
4171
3578
|
transform: translateY(-6px);
|
|
4172
3579
|
}
|
|
4173
|
-
|
|
4174
3580
|
50% {
|
|
4175
3581
|
-webkit-transform: translateY(-2px);
|
|
4176
3582
|
transform: translateY(-2px);
|
|
4177
3583
|
}
|
|
4178
|
-
|
|
4179
3584
|
100% {
|
|
4180
3585
|
-webkit-transform: translateY(-6px);
|
|
4181
3586
|
transform: translateY(-6px);
|
|
4182
3587
|
}
|
|
4183
3588
|
}
|
|
4184
|
-
|
|
4185
3589
|
@keyframes hvr-icon-bob {
|
|
4186
3590
|
0% {
|
|
4187
3591
|
-webkit-transform: translateY(-6px);
|
|
4188
3592
|
transform: translateY(-6px);
|
|
4189
3593
|
}
|
|
4190
|
-
|
|
4191
3594
|
50% {
|
|
4192
3595
|
-webkit-transform: translateY(-2px);
|
|
4193
3596
|
transform: translateY(-2px);
|
|
4194
3597
|
}
|
|
4195
|
-
|
|
4196
3598
|
100% {
|
|
4197
3599
|
-webkit-transform: translateY(-6px);
|
|
4198
3600
|
transform: translateY(-6px);
|
|
4199
3601
|
}
|
|
4200
3602
|
}
|
|
4201
|
-
|
|
4202
3603
|
@-webkit-keyframes hvr-icon-bob-float {
|
|
4203
3604
|
100% {
|
|
4204
3605
|
-webkit-transform: translateY(-6px);
|
|
4205
3606
|
transform: translateY(-6px);
|
|
4206
3607
|
}
|
|
4207
3608
|
}
|
|
4208
|
-
|
|
4209
3609
|
@keyframes hvr-icon-bob-float {
|
|
4210
3610
|
100% {
|
|
4211
3611
|
-webkit-transform: translateY(-6px);
|
|
4212
3612
|
transform: translateY(-6px);
|
|
4213
3613
|
}
|
|
4214
3614
|
}
|
|
4215
|
-
|
|
4216
3615
|
.hvr-icon-bob {
|
|
4217
3616
|
display: inline-block;
|
|
4218
3617
|
vertical-align: middle;
|
|
4219
|
-
-webkit-transform: translateZ(0);
|
|
4220
|
-
transform: translateZ(0);
|
|
3618
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3619
|
+
transform: perspective(1px) translateZ(0);
|
|
4221
3620
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4222
|
-
-webkit-backface-visibility: hidden;
|
|
4223
|
-
backface-visibility: hidden;
|
|
4224
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4225
|
-
position: relative;
|
|
4226
|
-
padding-right: 2.2em;
|
|
4227
3621
|
-webkit-transition-duration: 0.3s;
|
|
4228
3622
|
transition-duration: 0.3s;
|
|
4229
3623
|
}
|
|
4230
|
-
.hvr-icon-bob
|
|
4231
|
-
content: "\f077";
|
|
4232
|
-
position: absolute;
|
|
4233
|
-
right: 1em;
|
|
4234
|
-
padding: 0 1px;
|
|
4235
|
-
font-family: FontAwesome;
|
|
3624
|
+
.hvr-icon-bob .hvr-icon {
|
|
4236
3625
|
-webkit-transform: translateZ(0);
|
|
4237
3626
|
transform: translateZ(0);
|
|
4238
3627
|
}
|
|
4239
|
-
.hvr-icon-bob:hover
|
|
3628
|
+
.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
|
|
4240
3629
|
-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
|
|
4241
3630
|
animation-name: hvr-icon-bob-float, hvr-icon-bob;
|
|
4242
3631
|
-webkit-animation-duration: .3s, 1.5s;
|
|
@@ -4259,73 +3648,55 @@
|
|
|
4259
3648
|
-webkit-transform: translateY(6px);
|
|
4260
3649
|
transform: translateY(6px);
|
|
4261
3650
|
}
|
|
4262
|
-
|
|
4263
3651
|
50% {
|
|
4264
3652
|
-webkit-transform: translateY(2px);
|
|
4265
3653
|
transform: translateY(2px);
|
|
4266
3654
|
}
|
|
4267
|
-
|
|
4268
3655
|
100% {
|
|
4269
3656
|
-webkit-transform: translateY(6px);
|
|
4270
3657
|
transform: translateY(6px);
|
|
4271
3658
|
}
|
|
4272
3659
|
}
|
|
4273
|
-
|
|
4274
3660
|
@keyframes hvr-icon-hang {
|
|
4275
3661
|
0% {
|
|
4276
3662
|
-webkit-transform: translateY(6px);
|
|
4277
3663
|
transform: translateY(6px);
|
|
4278
3664
|
}
|
|
4279
|
-
|
|
4280
3665
|
50% {
|
|
4281
3666
|
-webkit-transform: translateY(2px);
|
|
4282
3667
|
transform: translateY(2px);
|
|
4283
3668
|
}
|
|
4284
|
-
|
|
4285
3669
|
100% {
|
|
4286
3670
|
-webkit-transform: translateY(6px);
|
|
4287
3671
|
transform: translateY(6px);
|
|
4288
3672
|
}
|
|
4289
3673
|
}
|
|
4290
|
-
|
|
4291
3674
|
@-webkit-keyframes hvr-icon-hang-sink {
|
|
4292
3675
|
100% {
|
|
4293
3676
|
-webkit-transform: translateY(6px);
|
|
4294
3677
|
transform: translateY(6px);
|
|
4295
3678
|
}
|
|
4296
3679
|
}
|
|
4297
|
-
|
|
4298
3680
|
@keyframes hvr-icon-hang-sink {
|
|
4299
3681
|
100% {
|
|
4300
3682
|
-webkit-transform: translateY(6px);
|
|
4301
3683
|
transform: translateY(6px);
|
|
4302
3684
|
}
|
|
4303
3685
|
}
|
|
4304
|
-
|
|
4305
3686
|
.hvr-icon-hang {
|
|
4306
3687
|
display: inline-block;
|
|
4307
3688
|
vertical-align: middle;
|
|
4308
|
-
-webkit-transform: translateZ(0);
|
|
4309
|
-
transform: translateZ(0);
|
|
3689
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3690
|
+
transform: perspective(1px) translateZ(0);
|
|
4310
3691
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4311
|
-
-webkit-backface-visibility: hidden;
|
|
4312
|
-
backface-visibility: hidden;
|
|
4313
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4314
|
-
position: relative;
|
|
4315
|
-
padding-right: 2.2em;
|
|
4316
3692
|
-webkit-transition-duration: 0.3s;
|
|
4317
3693
|
transition-duration: 0.3s;
|
|
4318
3694
|
}
|
|
4319
|
-
.hvr-icon-hang
|
|
4320
|
-
content: "\f078";
|
|
4321
|
-
position: absolute;
|
|
4322
|
-
right: 1em;
|
|
4323
|
-
padding: 0 1px;
|
|
4324
|
-
font-family: FontAwesome;
|
|
3695
|
+
.hvr-icon-hang .hvr-icon {
|
|
4325
3696
|
-webkit-transform: translateZ(0);
|
|
4326
3697
|
transform: translateZ(0);
|
|
4327
3698
|
}
|
|
4328
|
-
.hvr-icon-hang:hover
|
|
3699
|
+
.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
|
|
4329
3700
|
-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
|
|
4330
3701
|
animation-name: hvr-icon-hang-sink, hvr-icon-hang;
|
|
4331
3702
|
-webkit-animation-duration: .3s, 1.5s;
|
|
@@ -4348,89 +3719,67 @@
|
|
|
4348
3719
|
-webkit-transform: translateX(6px);
|
|
4349
3720
|
transform: translateX(6px);
|
|
4350
3721
|
}
|
|
4351
|
-
|
|
4352
3722
|
33.3% {
|
|
4353
3723
|
-webkit-transform: translateX(-5px);
|
|
4354
3724
|
transform: translateX(-5px);
|
|
4355
3725
|
}
|
|
4356
|
-
|
|
4357
3726
|
49.95% {
|
|
4358
3727
|
-webkit-transform: translateX(4px);
|
|
4359
3728
|
transform: translateX(4px);
|
|
4360
3729
|
}
|
|
4361
|
-
|
|
4362
3730
|
66.6% {
|
|
4363
3731
|
-webkit-transform: translateX(-2px);
|
|
4364
3732
|
transform: translateX(-2px);
|
|
4365
3733
|
}
|
|
4366
|
-
|
|
4367
3734
|
83.25% {
|
|
4368
3735
|
-webkit-transform: translateX(1px);
|
|
4369
3736
|
transform: translateX(1px);
|
|
4370
3737
|
}
|
|
4371
|
-
|
|
4372
3738
|
100% {
|
|
4373
3739
|
-webkit-transform: translateX(0);
|
|
4374
3740
|
transform: translateX(0);
|
|
4375
3741
|
}
|
|
4376
3742
|
}
|
|
4377
|
-
|
|
4378
3743
|
@keyframes hvr-icon-wobble-horizontal {
|
|
4379
3744
|
16.65% {
|
|
4380
3745
|
-webkit-transform: translateX(6px);
|
|
4381
3746
|
transform: translateX(6px);
|
|
4382
3747
|
}
|
|
4383
|
-
|
|
4384
3748
|
33.3% {
|
|
4385
3749
|
-webkit-transform: translateX(-5px);
|
|
4386
3750
|
transform: translateX(-5px);
|
|
4387
3751
|
}
|
|
4388
|
-
|
|
4389
3752
|
49.95% {
|
|
4390
3753
|
-webkit-transform: translateX(4px);
|
|
4391
3754
|
transform: translateX(4px);
|
|
4392
3755
|
}
|
|
4393
|
-
|
|
4394
3756
|
66.6% {
|
|
4395
3757
|
-webkit-transform: translateX(-2px);
|
|
4396
3758
|
transform: translateX(-2px);
|
|
4397
3759
|
}
|
|
4398
|
-
|
|
4399
3760
|
83.25% {
|
|
4400
3761
|
-webkit-transform: translateX(1px);
|
|
4401
3762
|
transform: translateX(1px);
|
|
4402
3763
|
}
|
|
4403
|
-
|
|
4404
3764
|
100% {
|
|
4405
3765
|
-webkit-transform: translateX(0);
|
|
4406
3766
|
transform: translateX(0);
|
|
4407
3767
|
}
|
|
4408
3768
|
}
|
|
4409
|
-
|
|
4410
3769
|
.hvr-icon-wobble-horizontal {
|
|
4411
3770
|
display: inline-block;
|
|
4412
3771
|
vertical-align: middle;
|
|
4413
|
-
-webkit-transform: translateZ(0);
|
|
4414
|
-
transform: translateZ(0);
|
|
3772
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3773
|
+
transform: perspective(1px) translateZ(0);
|
|
4415
3774
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4416
|
-
-webkit-backface-visibility: hidden;
|
|
4417
|
-
backface-visibility: hidden;
|
|
4418
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4419
|
-
position: relative;
|
|
4420
|
-
padding-right: 2.2em;
|
|
4421
3775
|
-webkit-transition-duration: 0.3s;
|
|
4422
3776
|
transition-duration: 0.3s;
|
|
4423
3777
|
}
|
|
4424
|
-
.hvr-icon-wobble-horizontal
|
|
4425
|
-
content: "\f061";
|
|
4426
|
-
position: absolute;
|
|
4427
|
-
right: 1em;
|
|
4428
|
-
padding: 0 1px;
|
|
4429
|
-
font-family: FontAwesome;
|
|
3778
|
+
.hvr-icon-wobble-horizontal .hvr-icon {
|
|
4430
3779
|
-webkit-transform: translateZ(0);
|
|
4431
3780
|
transform: translateZ(0);
|
|
4432
3781
|
}
|
|
4433
|
-
.hvr-icon-wobble-horizontal:hover
|
|
3782
|
+
.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
|
|
4434
3783
|
-webkit-animation-name: hvr-icon-wobble-horizontal;
|
|
4435
3784
|
animation-name: hvr-icon-wobble-horizontal;
|
|
4436
3785
|
-webkit-animation-duration: 1s;
|
|
@@ -4447,89 +3796,67 @@
|
|
|
4447
3796
|
-webkit-transform: translateY(6px);
|
|
4448
3797
|
transform: translateY(6px);
|
|
4449
3798
|
}
|
|
4450
|
-
|
|
4451
3799
|
33.3% {
|
|
4452
3800
|
-webkit-transform: translateY(-5px);
|
|
4453
3801
|
transform: translateY(-5px);
|
|
4454
3802
|
}
|
|
4455
|
-
|
|
4456
3803
|
49.95% {
|
|
4457
3804
|
-webkit-transform: translateY(4px);
|
|
4458
3805
|
transform: translateY(4px);
|
|
4459
3806
|
}
|
|
4460
|
-
|
|
4461
3807
|
66.6% {
|
|
4462
3808
|
-webkit-transform: translateY(-2px);
|
|
4463
3809
|
transform: translateY(-2px);
|
|
4464
3810
|
}
|
|
4465
|
-
|
|
4466
3811
|
83.25% {
|
|
4467
3812
|
-webkit-transform: translateY(1px);
|
|
4468
3813
|
transform: translateY(1px);
|
|
4469
3814
|
}
|
|
4470
|
-
|
|
4471
3815
|
100% {
|
|
4472
3816
|
-webkit-transform: translateY(0);
|
|
4473
3817
|
transform: translateY(0);
|
|
4474
3818
|
}
|
|
4475
3819
|
}
|
|
4476
|
-
|
|
4477
3820
|
@keyframes hvr-icon-wobble-vertical {
|
|
4478
3821
|
16.65% {
|
|
4479
3822
|
-webkit-transform: translateY(6px);
|
|
4480
3823
|
transform: translateY(6px);
|
|
4481
3824
|
}
|
|
4482
|
-
|
|
4483
3825
|
33.3% {
|
|
4484
3826
|
-webkit-transform: translateY(-5px);
|
|
4485
3827
|
transform: translateY(-5px);
|
|
4486
3828
|
}
|
|
4487
|
-
|
|
4488
3829
|
49.95% {
|
|
4489
3830
|
-webkit-transform: translateY(4px);
|
|
4490
3831
|
transform: translateY(4px);
|
|
4491
3832
|
}
|
|
4492
|
-
|
|
4493
3833
|
66.6% {
|
|
4494
3834
|
-webkit-transform: translateY(-2px);
|
|
4495
3835
|
transform: translateY(-2px);
|
|
4496
3836
|
}
|
|
4497
|
-
|
|
4498
3837
|
83.25% {
|
|
4499
3838
|
-webkit-transform: translateY(1px);
|
|
4500
3839
|
transform: translateY(1px);
|
|
4501
3840
|
}
|
|
4502
|
-
|
|
4503
3841
|
100% {
|
|
4504
3842
|
-webkit-transform: translateY(0);
|
|
4505
3843
|
transform: translateY(0);
|
|
4506
3844
|
}
|
|
4507
3845
|
}
|
|
4508
|
-
|
|
4509
3846
|
.hvr-icon-wobble-vertical {
|
|
4510
3847
|
display: inline-block;
|
|
4511
3848
|
vertical-align: middle;
|
|
4512
|
-
-webkit-transform: translateZ(0);
|
|
4513
|
-
transform: translateZ(0);
|
|
3849
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3850
|
+
transform: perspective(1px) translateZ(0);
|
|
4514
3851
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4515
|
-
-webkit-backface-visibility: hidden;
|
|
4516
|
-
backface-visibility: hidden;
|
|
4517
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4518
|
-
position: relative;
|
|
4519
|
-
padding-right: 2.2em;
|
|
4520
3852
|
-webkit-transition-duration: 0.3s;
|
|
4521
3853
|
transition-duration: 0.3s;
|
|
4522
3854
|
}
|
|
4523
|
-
.hvr-icon-wobble-vertical
|
|
4524
|
-
content: "\f062";
|
|
4525
|
-
position: absolute;
|
|
4526
|
-
right: 1em;
|
|
4527
|
-
padding: 0 1px;
|
|
4528
|
-
font-family: FontAwesome;
|
|
3855
|
+
.hvr-icon-wobble-vertical .hvr-icon {
|
|
4529
3856
|
-webkit-transform: translateZ(0);
|
|
4530
3857
|
transform: translateZ(0);
|
|
4531
3858
|
}
|
|
4532
|
-
.hvr-icon-wobble-vertical:hover
|
|
3859
|
+
.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
|
|
4533
3860
|
-webkit-animation-name: hvr-icon-wobble-vertical;
|
|
4534
3861
|
animation-name: hvr-icon-wobble-vertical;
|
|
4535
3862
|
-webkit-animation-duration: 1s;
|
|
@@ -4546,49 +3873,35 @@
|
|
|
4546
3873
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
4547
3874
|
transform: translateX(3px) rotate(2deg);
|
|
4548
3875
|
}
|
|
4549
|
-
|
|
4550
3876
|
100% {
|
|
4551
3877
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
4552
3878
|
transform: translateX(-3px) rotate(-2deg);
|
|
4553
3879
|
}
|
|
4554
3880
|
}
|
|
4555
|
-
|
|
4556
3881
|
@keyframes hvr-icon-buzz {
|
|
4557
3882
|
50% {
|
|
4558
3883
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
4559
3884
|
transform: translateX(3px) rotate(2deg);
|
|
4560
3885
|
}
|
|
4561
|
-
|
|
4562
3886
|
100% {
|
|
4563
3887
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
4564
3888
|
transform: translateX(-3px) rotate(-2deg);
|
|
4565
3889
|
}
|
|
4566
3890
|
}
|
|
4567
|
-
|
|
4568
3891
|
.hvr-icon-buzz {
|
|
4569
3892
|
display: inline-block;
|
|
4570
3893
|
vertical-align: middle;
|
|
4571
|
-
-webkit-transform: translateZ(0);
|
|
4572
|
-
transform: translateZ(0);
|
|
3894
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
3895
|
+
transform: perspective(1px) translateZ(0);
|
|
4573
3896
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4574
|
-
-webkit-backface-visibility: hidden;
|
|
4575
|
-
backface-visibility: hidden;
|
|
4576
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4577
|
-
position: relative;
|
|
4578
|
-
padding-right: 2.2em;
|
|
4579
3897
|
-webkit-transition-duration: 0.3s;
|
|
4580
3898
|
transition-duration: 0.3s;
|
|
4581
3899
|
}
|
|
4582
|
-
.hvr-icon-buzz
|
|
4583
|
-
content: "\f017";
|
|
4584
|
-
position: absolute;
|
|
4585
|
-
right: 1em;
|
|
4586
|
-
padding: 0 1px;
|
|
4587
|
-
font-family: FontAwesome;
|
|
3900
|
+
.hvr-icon-buzz .hvr-icon {
|
|
4588
3901
|
-webkit-transform: translateZ(0);
|
|
4589
3902
|
transform: translateZ(0);
|
|
4590
3903
|
}
|
|
4591
|
-
.hvr-icon-buzz:hover
|
|
3904
|
+
.hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
|
|
4592
3905
|
-webkit-animation-name: hvr-icon-buzz;
|
|
4593
3906
|
animation-name: hvr-icon-buzz;
|
|
4594
3907
|
-webkit-animation-duration: 0.15s;
|
|
@@ -4605,129 +3918,99 @@
|
|
|
4605
3918
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
4606
3919
|
transform: translateX(3px) rotate(2deg);
|
|
4607
3920
|
}
|
|
4608
|
-
|
|
4609
3921
|
20% {
|
|
4610
3922
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
4611
3923
|
transform: translateX(-3px) rotate(-2deg);
|
|
4612
3924
|
}
|
|
4613
|
-
|
|
4614
3925
|
30% {
|
|
4615
3926
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
4616
3927
|
transform: translateX(3px) rotate(2deg);
|
|
4617
3928
|
}
|
|
4618
|
-
|
|
4619
3929
|
40% {
|
|
4620
3930
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
4621
3931
|
transform: translateX(-3px) rotate(-2deg);
|
|
4622
3932
|
}
|
|
4623
|
-
|
|
4624
3933
|
50% {
|
|
4625
3934
|
-webkit-transform: translateX(2px) rotate(1deg);
|
|
4626
3935
|
transform: translateX(2px) rotate(1deg);
|
|
4627
3936
|
}
|
|
4628
|
-
|
|
4629
3937
|
60% {
|
|
4630
3938
|
-webkit-transform: translateX(-2px) rotate(-1deg);
|
|
4631
3939
|
transform: translateX(-2px) rotate(-1deg);
|
|
4632
3940
|
}
|
|
4633
|
-
|
|
4634
3941
|
70% {
|
|
4635
3942
|
-webkit-transform: translateX(2px) rotate(1deg);
|
|
4636
3943
|
transform: translateX(2px) rotate(1deg);
|
|
4637
3944
|
}
|
|
4638
|
-
|
|
4639
3945
|
80% {
|
|
4640
3946
|
-webkit-transform: translateX(-2px) rotate(-1deg);
|
|
4641
3947
|
transform: translateX(-2px) rotate(-1deg);
|
|
4642
3948
|
}
|
|
4643
|
-
|
|
4644
3949
|
90% {
|
|
4645
3950
|
-webkit-transform: translateX(1px) rotate(0);
|
|
4646
3951
|
transform: translateX(1px) rotate(0);
|
|
4647
3952
|
}
|
|
4648
|
-
|
|
4649
3953
|
100% {
|
|
4650
3954
|
-webkit-transform: translateX(-1px) rotate(0);
|
|
4651
3955
|
transform: translateX(-1px) rotate(0);
|
|
4652
3956
|
}
|
|
4653
3957
|
}
|
|
4654
|
-
|
|
4655
3958
|
@keyframes hvr-icon-buzz-out {
|
|
4656
3959
|
10% {
|
|
4657
3960
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
4658
3961
|
transform: translateX(3px) rotate(2deg);
|
|
4659
3962
|
}
|
|
4660
|
-
|
|
4661
3963
|
20% {
|
|
4662
3964
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
4663
3965
|
transform: translateX(-3px) rotate(-2deg);
|
|
4664
3966
|
}
|
|
4665
|
-
|
|
4666
3967
|
30% {
|
|
4667
3968
|
-webkit-transform: translateX(3px) rotate(2deg);
|
|
4668
3969
|
transform: translateX(3px) rotate(2deg);
|
|
4669
3970
|
}
|
|
4670
|
-
|
|
4671
3971
|
40% {
|
|
4672
3972
|
-webkit-transform: translateX(-3px) rotate(-2deg);
|
|
4673
3973
|
transform: translateX(-3px) rotate(-2deg);
|
|
4674
3974
|
}
|
|
4675
|
-
|
|
4676
3975
|
50% {
|
|
4677
3976
|
-webkit-transform: translateX(2px) rotate(1deg);
|
|
4678
3977
|
transform: translateX(2px) rotate(1deg);
|
|
4679
3978
|
}
|
|
4680
|
-
|
|
4681
3979
|
60% {
|
|
4682
3980
|
-webkit-transform: translateX(-2px) rotate(-1deg);
|
|
4683
3981
|
transform: translateX(-2px) rotate(-1deg);
|
|
4684
3982
|
}
|
|
4685
|
-
|
|
4686
3983
|
70% {
|
|
4687
3984
|
-webkit-transform: translateX(2px) rotate(1deg);
|
|
4688
3985
|
transform: translateX(2px) rotate(1deg);
|
|
4689
3986
|
}
|
|
4690
|
-
|
|
4691
3987
|
80% {
|
|
4692
3988
|
-webkit-transform: translateX(-2px) rotate(-1deg);
|
|
4693
3989
|
transform: translateX(-2px) rotate(-1deg);
|
|
4694
3990
|
}
|
|
4695
|
-
|
|
4696
3991
|
90% {
|
|
4697
3992
|
-webkit-transform: translateX(1px) rotate(0);
|
|
4698
3993
|
transform: translateX(1px) rotate(0);
|
|
4699
3994
|
}
|
|
4700
|
-
|
|
4701
3995
|
100% {
|
|
4702
3996
|
-webkit-transform: translateX(-1px) rotate(0);
|
|
4703
3997
|
transform: translateX(-1px) rotate(0);
|
|
4704
3998
|
}
|
|
4705
3999
|
}
|
|
4706
|
-
|
|
4707
4000
|
.hvr-icon-buzz-out {
|
|
4708
4001
|
display: inline-block;
|
|
4709
4002
|
vertical-align: middle;
|
|
4710
|
-
-webkit-transform: translateZ(0);
|
|
4711
|
-
transform: translateZ(0);
|
|
4003
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
4004
|
+
transform: perspective(1px) translateZ(0);
|
|
4712
4005
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4713
|
-
-webkit-backface-visibility: hidden;
|
|
4714
|
-
backface-visibility: hidden;
|
|
4715
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4716
|
-
position: relative;
|
|
4717
|
-
padding-right: 2.2em;
|
|
4718
4006
|
-webkit-transition-duration: 0.3s;
|
|
4719
4007
|
transition-duration: 0.3s;
|
|
4720
4008
|
}
|
|
4721
|
-
.hvr-icon-buzz-out
|
|
4722
|
-
content: "\f023";
|
|
4723
|
-
position: absolute;
|
|
4724
|
-
right: 1em;
|
|
4725
|
-
padding: 0 1px;
|
|
4726
|
-
font-family: FontAwesome;
|
|
4009
|
+
.hvr-icon-buzz-out .hvr-icon {
|
|
4727
4010
|
-webkit-transform: translateZ(0);
|
|
4728
4011
|
transform: translateZ(0);
|
|
4729
4012
|
}
|
|
4730
|
-
.hvr-icon-buzz-out:hover
|
|
4013
|
+
.hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
|
|
4731
4014
|
-webkit-animation-name: hvr-icon-buzz-out;
|
|
4732
4015
|
animation-name: hvr-icon-buzz-out;
|
|
4733
4016
|
-webkit-animation-duration: 0.75s;
|
|
@@ -4743,12 +4026,9 @@
|
|
|
4743
4026
|
.hvr-curl-top-left {
|
|
4744
4027
|
display: inline-block;
|
|
4745
4028
|
vertical-align: middle;
|
|
4746
|
-
-webkit-transform: translateZ(0);
|
|
4747
|
-
transform: translateZ(0);
|
|
4029
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
4030
|
+
transform: perspective(1px) translateZ(0);
|
|
4748
4031
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4749
|
-
-webkit-backface-visibility: hidden;
|
|
4750
|
-
backface-visibility: hidden;
|
|
4751
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4752
4032
|
position: relative;
|
|
4753
4033
|
}
|
|
4754
4034
|
.hvr-curl-top-left:before {
|
|
@@ -4761,7 +4041,7 @@
|
|
|
4761
4041
|
left: 0;
|
|
4762
4042
|
background: white;
|
|
4763
4043
|
/* IE9 */
|
|
4764
|
-
background: linear-gradient(135deg, white 45%, #
|
|
4044
|
+
background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
|
|
4765
4045
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
|
|
4766
4046
|
/*For IE7-8-9*/
|
|
4767
4047
|
z-index: 1000;
|
|
@@ -4780,12 +4060,9 @@
|
|
|
4780
4060
|
.hvr-curl-top-right {
|
|
4781
4061
|
display: inline-block;
|
|
4782
4062
|
vertical-align: middle;
|
|
4783
|
-
-webkit-transform: translateZ(0);
|
|
4784
|
-
transform: translateZ(0);
|
|
4063
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
4064
|
+
transform: perspective(1px) translateZ(0);
|
|
4785
4065
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4786
|
-
-webkit-backface-visibility: hidden;
|
|
4787
|
-
backface-visibility: hidden;
|
|
4788
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4789
4066
|
position: relative;
|
|
4790
4067
|
}
|
|
4791
4068
|
.hvr-curl-top-right:before {
|
|
@@ -4798,7 +4075,7 @@
|
|
|
4798
4075
|
right: 0;
|
|
4799
4076
|
background: white;
|
|
4800
4077
|
/* IE9 */
|
|
4801
|
-
background: linear-gradient(225deg, white 45%, #
|
|
4078
|
+
background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
|
|
4802
4079
|
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
|
|
4803
4080
|
-webkit-transition-duration: 0.3s;
|
|
4804
4081
|
transition-duration: 0.3s;
|
|
@@ -4814,12 +4091,9 @@
|
|
|
4814
4091
|
.hvr-curl-bottom-right {
|
|
4815
4092
|
display: inline-block;
|
|
4816
4093
|
vertical-align: middle;
|
|
4817
|
-
-webkit-transform: translateZ(0);
|
|
4818
|
-
transform: translateZ(0);
|
|
4094
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
4095
|
+
transform: perspective(1px) translateZ(0);
|
|
4819
4096
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4820
|
-
-webkit-backface-visibility: hidden;
|
|
4821
|
-
backface-visibility: hidden;
|
|
4822
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4823
4097
|
position: relative;
|
|
4824
4098
|
}
|
|
4825
4099
|
.hvr-curl-bottom-right:before {
|
|
@@ -4832,7 +4106,7 @@
|
|
|
4832
4106
|
right: 0;
|
|
4833
4107
|
background: white;
|
|
4834
4108
|
/* IE9 */
|
|
4835
|
-
background: linear-gradient(315deg, white 45%, #
|
|
4109
|
+
background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
|
|
4836
4110
|
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
|
|
4837
4111
|
-webkit-transition-duration: 0.3s;
|
|
4838
4112
|
transition-duration: 0.3s;
|
|
@@ -4848,12 +4122,9 @@
|
|
|
4848
4122
|
.hvr-curl-bottom-left {
|
|
4849
4123
|
display: inline-block;
|
|
4850
4124
|
vertical-align: middle;
|
|
4851
|
-
-webkit-transform: translateZ(0);
|
|
4852
|
-
transform: translateZ(0);
|
|
4125
|
+
-webkit-transform: perspective(1px) translateZ(0);
|
|
4126
|
+
transform: perspective(1px) translateZ(0);
|
|
4853
4127
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
4854
|
-
-webkit-backface-visibility: hidden;
|
|
4855
|
-
backface-visibility: hidden;
|
|
4856
|
-
-moz-osx-font-smoothing: grayscale;
|
|
4857
4128
|
position: relative;
|
|
4858
4129
|
}
|
|
4859
4130
|
.hvr-curl-bottom-left:before {
|
|
@@ -4866,7 +4137,7 @@
|
|
|
4866
4137
|
left: 0;
|
|
4867
4138
|
background: white;
|
|
4868
4139
|
/* IE9 */
|
|
4869
|
-
background: linear-gradient(45deg, white 45%, #
|
|
4140
|
+
background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
|
|
4870
4141
|
box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
|
|
4871
4142
|
-webkit-transition-duration: 0.3s;
|
|
4872
4143
|
transition-duration: 0.3s;
|
|
@@ -4876,4 +4147,6 @@
|
|
|
4876
4147
|
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
|
|
4877
4148
|
width: 25px;
|
|
4878
4149
|
height: 25px;
|
|
4879
|
-
}
|
|
4150
|
+
}
|
|
4151
|
+
|
|
4152
|
+
/*# sourceMappingURL=hover.css.map */
|