bootstrap-growl-rails 3.0.0 → 3.1.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/lib/bootstrap/growl/rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/bootstrap-notify.js +45 -28
  5. data/vendor/assets/stylesheets/animate.css +402 -311
  6. metadata +3 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 565451508ee3cbedc0d0afc61a4d260606e46049
4
- data.tar.gz: 1071e6b1fd40e9d421453705512be086cadd0a37
3
+ metadata.gz: 29ff265b697270e0b0a3f76235760b4fd92128c1
4
+ data.tar.gz: b0d4298ac4ad7f78e6e071a2109ace217d9135ab
5
5
  SHA512:
6
- metadata.gz: 70c0bd88a153a99c6ec591a570bb398c3f7cb00da4f699f9888f7166b5523d1ed733bb7ef9bcb475ddb67154a043f32187af8dabbc7cbd08f7e8e8bf6fcb7a3a
7
- data.tar.gz: d9709a70754400a30c5e08e8a702a737c49ccec8f762557e39851984c848ec64aefcbfc7bf4a6562a7e20c082dab7470e80c5f58231810d0a627490c75da6a45
6
+ metadata.gz: 7bb2c2b33a5ad5a0eb76c3a1c51eab3bec22b160500eaba61f3df5802d01d0924b2d2384e974c2bd2b3221d060a2edfdc6a7dbf93e0dd92cb195be14d72846fe
7
+ data.tar.gz: 65e3f914401af71881d60ac9d1ace9fb28897cb97ef166958fbd9b57848fc9fffd441cac7f32b1cafc5dcc93ce275fc685152d7e2310fbf71d630f3a40dde087
data/README.md CHANGED
@@ -6,7 +6,7 @@ This gem is just an asset wrapper for bootstrap-notifiy JavaScript plugin by mou
6
6
 
7
7
  ### Current Version
8
8
 
9
- 3.0.0
9
+ 3.1.3
10
10
 
11
11
  ## Documentation
12
12
 
data/lib/bootstrap/growl/rails/version.rb CHANGED
@@ -1,7 +1,7 @@
1
1
  module Bootstrap
2
2
  module Growl
3
3
  module Rails
4
- VERSION = "3.0.0"
4
+ VERSION = "3.1.3"
5
5
  end
6
6
  end
7
7
  end
data/vendor/assets/javascripts/bootstrap-notify.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Project: Bootstrap Notify = v3.0.0
2
+ * Project: Bootstrap Notify = v3.1.3
3
3
  * Description: Turns standard Bootstrap alerts into "Growl-like" notifications.
4
4
  * Author: Mouse0270 aka Robert McIntosh
5
5
  * License: MIT License
@@ -24,6 +24,7 @@
24
24
  type: "info",
25
25
  allow_dismiss: true,
26
26
  newest_on_top: false,
27
+ showProgressbar: false,
27
28
  placement: {
28
29
  from: "top",
29
30
  align: "right"
@@ -105,33 +106,46 @@
105
106
  this.notify = {
106
107
  $ele: this.$ele,
107
108
  update: function(command, update) {
108
- switch (command) {
109
- case "type":
110
- this.$ele.removeClass('alert-' + self.settings.type);
111
- this.$ele.find('[data-notify="progressbar"] > .progress-bar').removeClass('progress-bar-' + self.settings.type);
112
- self.settings.type = update;
113
- this.$ele.addClass('alert-' + update).find('[data-notify="progressbar"] > .progress-bar').addClass('progress-bar-' + update);
114
- break;
115
- case "icon":
116
- var $icon = this.$ele.find('[data-notify="icon"]');
117
- if (self.settings.icon_type.toLowerCase() == 'class') {
118
- $icon.removeClass(self.settings.content.icon).addClass(update);
119
- }else{
120
- if (!$icon.is('img')) {
121
- $icon.find('img');
109
+ var commands = {};
110
+ if (typeof command == "string") {
111
+ commands[command] = update;
112
+ }else{
113
+ commands = command;
114
+ }
115
+ for (var command in commands) {
116
+ switch (command) {
117
+ case "type":
118
+ this.$ele.removeClass('alert-' + self.settings.type);
119
+ this.$ele.find('[data-notify="progressbar"] > .progress-bar').removeClass('progress-bar-' + self.settings.type);
120
+ self.settings.type = commands[command];
121
+ this.$ele.addClass('alert-' + commands[command]).find('[data-notify="progressbar"] > .progress-bar').addClass('progress-bar-' + commands[command]);
122
+ break;
123
+ case "icon":
124
+ var $icon = this.$ele.find('[data-notify="icon"]');
125
+ if (self.settings.icon_type.toLowerCase() == 'class') {
126
+ $icon.removeClass(self.settings.content.icon).addClass(commands[command]);
127
+ }else{
128
+ if (!$icon.is('img')) {
129
+ $icon.find('img');
130
+ }
131
+ $icon.attr('src', commands[command]);
122
132
  }
123
- $icon.attr('src', update);
124
- }
125
- break;
126
- case "url":
127
- this.$ele.find('[data-notify="url"]').attr('href', update);
128
- break;
129
- case "target":
130
- this.$ele.find('[data-notify="url"]').attr('target', update);
131
- break;
132
- default:
133
- this.$ele.find('[data-notify="' + command +'"]').html(update);
134
- };
133
+ break;
134
+ case "progress":
135
+ var newDelay = self.settings.delay - (self.settings.delay * (commands[command] / 100));
136
+ this.$ele.data('notify-delay', newDelay);
137
+ this.$ele.find('[data-notify="progressbar"] > div').attr('aria-valuenow', commands[command]).css('width', commands[command] + '%');
138
+ break;
139
+ case "url":
140
+ this.$ele.find('[data-notify="url"]').attr('href', commands[command]);
141
+ break;
142
+ case "target":
143
+ this.$ele.find('[data-notify="url"]').attr('target', commands[command]);
144
+ break;
145
+ default:
146
+ this.$ele.find('[data-notify="' + command +'"]').html(commands[command]);
147
+ };
148
+ }
135
149
  var posX = this.$ele.outerHeight() + parseInt(self.settings.spacing) + parseInt(self.settings.offset.y);
136
150
  self.reposition(posX);
137
151
  },
@@ -147,7 +161,7 @@
147
161
  if (!this.settings.allow_dismiss) {
148
162
  this.$ele.find('[data-notify="dismiss"]').css('display', 'none');
149
163
  }
150
- if (this.settings.delay <= 0) {
164
+ if ((this.settings.delay <= 0 && !this.settings.showProgressbar) || !this.settings.showProgressbar) {
151
165
  this.$ele.find('[data-notify="progressbar"]').remove();
152
166
  }
153
167
  },
@@ -211,6 +225,9 @@
211
225
  break;
212
226
  }
213
227
  this.$ele.css(css).addClass(this.settings.animate.enter);
228
+ $.each(Array('webkit', 'moz', 'o', 'ms', ''), function(index, prefix) {
229
+ self.$ele[0].style[prefix+'AnimationIterationCount'] = 1;
230
+ });
214
231
 
215
232
  $(this.settings.element).append(this.$ele);
216
233
 
data/vendor/assets/stylesheets/animate.css CHANGED
@@ -37,23 +37,23 @@ Copyright (c) 2015 Daniel Eden
37
37
  }
38
38
 
39
39
  @-webkit-keyframes bounce {
40
- 0%, 20%, 53%, 80%, 100% {
41
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
42
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
40
+ from, 20%, 53%, 80%, to {
41
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
42
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
43
43
  -webkit-transform: translate3d(0,0,0);
44
44
  transform: translate3d(0,0,0);
45
45
  }
46
46
 
47
47
  40%, 43% {
48
- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
49
- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
48
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
49
+ animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
50
50
  -webkit-transform: translate3d(0, -30px, 0);
51
51
  transform: translate3d(0, -30px, 0);
52
52
  }
53
53
 
54
54
  70% {
55
- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
56
- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
55
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
56
+ animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
57
57
  -webkit-transform: translate3d(0, -15px, 0);
58
58
  transform: translate3d(0, -15px, 0);
59
59
  }
@@ -65,23 +65,23 @@ Copyright (c) 2015 Daniel Eden
65
65
  }
66
66
 
67
67
  @keyframes bounce {
68
- 0%, 20%, 53%, 80%, 100% {
69
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
70
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
68
+ from, 20%, 53%, 80%, to {
69
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
70
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
71
71
  -webkit-transform: translate3d(0,0,0);
72
72
  transform: translate3d(0,0,0);
73
73
  }
74
74
 
75
75
  40%, 43% {
76
- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
77
- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
76
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
77
+ animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
78
78
  -webkit-transform: translate3d(0, -30px, 0);
79
79
  transform: translate3d(0, -30px, 0);
80
80
  }
81
81
 
82
82
  70% {
83
- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
84
- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
83
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
84
+ animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
85
85
  -webkit-transform: translate3d(0, -15px, 0);
86
86
  transform: translate3d(0, -15px, 0);
87
87
  }
@@ -100,7 +100,7 @@ Copyright (c) 2015 Daniel Eden
100
100
  }
101
101
 
102
102
  @-webkit-keyframes flash {
103
- 0%, 50%, 100% {
103
+ from, 50%, to {
104
104
  opacity: 1;
105
105
  }
106
106
 
@@ -110,7 +110,7 @@ Copyright (c) 2015 Daniel Eden
110
110
  }
111
111
 
112
112
  @keyframes flash {
113
- 0%, 50%, 100% {
113
+ from, 50%, to {
114
114
  opacity: 1;
115
115
  }
116
116
 
@@ -127,7 +127,7 @@ Copyright (c) 2015 Daniel Eden
127
127
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
128
128
 
129
129
  @-webkit-keyframes pulse {
130
- 0% {
130
+ from {
131
131
  -webkit-transform: scale3d(1, 1, 1);
132
132
  transform: scale3d(1, 1, 1);
133
133
  }
@@ -137,14 +137,14 @@ Copyright (c) 2015 Daniel Eden
137
137
  transform: scale3d(1.05, 1.05, 1.05);
138
138
  }
139
139
 
140
- 100% {
140
+ to {
141
141
  -webkit-transform: scale3d(1, 1, 1);
142
142
  transform: scale3d(1, 1, 1);
143
143
  }
144
144
  }
145
145
 
146
146
  @keyframes pulse {
147
- 0% {
147
+ from {
148
148
  -webkit-transform: scale3d(1, 1, 1);
149
149
  transform: scale3d(1, 1, 1);
150
150
  }
@@ -154,7 +154,7 @@ Copyright (c) 2015 Daniel Eden
154
154
  transform: scale3d(1.05, 1.05, 1.05);
155
155
  }
156
156
 
157
- 100% {
157
+ to {
158
158
  -webkit-transform: scale3d(1, 1, 1);
159
159
  transform: scale3d(1, 1, 1);
160
160
  }
@@ -166,7 +166,7 @@ Copyright (c) 2015 Daniel Eden
166
166
  }
167
167
 
168
168
  @-webkit-keyframes rubberBand {
169
- 0% {
169
+ from {
170
170
  -webkit-transform: scale3d(1, 1, 1);
171
171
  transform: scale3d(1, 1, 1);
172
172
  }
@@ -196,14 +196,14 @@ Copyright (c) 2015 Daniel Eden
196
196
  transform: scale3d(1.05, .95, 1);
197
197
  }
198
198
 
199
- 100% {
199
+ to {
200
200
  -webkit-transform: scale3d(1, 1, 1);
201
201
  transform: scale3d(1, 1, 1);
202
202
  }
203
203
  }
204
204
 
205
205
  @keyframes rubberBand {
206
- 0% {
206
+ from {
207
207
  -webkit-transform: scale3d(1, 1, 1);
208
208
  transform: scale3d(1, 1, 1);
209
209
  }
@@ -233,7 +233,7 @@ Copyright (c) 2015 Daniel Eden
233
233
  transform: scale3d(1.05, .95, 1);
234
234
  }
235
235
 
236
- 100% {
236
+ to {
237
237
  -webkit-transform: scale3d(1, 1, 1);
238
238
  transform: scale3d(1, 1, 1);
239
239
  }
@@ -245,7 +245,7 @@ Copyright (c) 2015 Daniel Eden
245
245
  }
246
246
 
247
247
  @-webkit-keyframes shake {
248
- 0%, 100% {
248
+ from, to {
249
249
  -webkit-transform: translate3d(0, 0, 0);
250
250
  transform: translate3d(0, 0, 0);
251
251
  }
@@ -262,7 +262,7 @@ Copyright (c) 2015 Daniel Eden
262
262
  }
263
263
 
264
264
  @keyframes shake {
265
- 0%, 100% {
265
+ from, to {
266
266
  -webkit-transform: translate3d(0, 0, 0);
267
267
  transform: translate3d(0, 0, 0);
268
268
  }
@@ -304,7 +304,7 @@ Copyright (c) 2015 Daniel Eden
304
304
  transform: rotate3d(0, 0, 1, -5deg);
305
305
  }
306
306
 
307
- 100% {
307
+ to {
308
308
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
309
309
  transform: rotate3d(0, 0, 1, 0deg);
310
310
  }
@@ -331,7 +331,7 @@ Copyright (c) 2015 Daniel Eden
331
331
  transform: rotate3d(0, 0, 1, -5deg);
332
332
  }
333
333
 
334
- 100% {
334
+ to {
335
335
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
336
336
  transform: rotate3d(0, 0, 1, 0deg);
337
337
  }
@@ -345,7 +345,7 @@ Copyright (c) 2015 Daniel Eden
345
345
  }
346
346
 
347
347
  @-webkit-keyframes tada {
348
- 0% {
348
+ from {
349
349
  -webkit-transform: scale3d(1, 1, 1);
350
350
  transform: scale3d(1, 1, 1);
351
351
  }
@@ -365,14 +365,14 @@ Copyright (c) 2015 Daniel Eden
365
365
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
366
366
  }
367
367
 
368
- 100% {
368
+ to {
369
369
  -webkit-transform: scale3d(1, 1, 1);
370
370
  transform: scale3d(1, 1, 1);
371
371
  }
372
372
  }
373
373
 
374
374
  @keyframes tada {
375
- 0% {
375
+ from {
376
376
  -webkit-transform: scale3d(1, 1, 1);
377
377
  transform: scale3d(1, 1, 1);
378
378
  }
@@ -392,7 +392,7 @@ Copyright (c) 2015 Daniel Eden
392
392
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
393
393
  }
394
394
 
395
- 100% {
395
+ to {
396
396
  -webkit-transform: scale3d(1, 1, 1);
397
397
  transform: scale3d(1, 1, 1);
398
398
  }
@@ -406,7 +406,7 @@ Copyright (c) 2015 Daniel Eden
406
406
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
407
407
 
408
408
  @-webkit-keyframes wobble {
409
- 0% {
409
+ from {
410
410
  -webkit-transform: none;
411
411
  transform: none;
412
412
  }
@@ -436,14 +436,14 @@ Copyright (c) 2015 Daniel Eden
436
436
  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
437
437
  }
438
438
 
439
- 100% {
439
+ to {
440
440
  -webkit-transform: none;
441
441
  transform: none;
442
442
  }
443
443
  }
444
444
 
445
445
  @keyframes wobble {
446
- 0% {
446
+ from {
447
447
  -webkit-transform: none;
448
448
  transform: none;
449
449
  }
@@ -473,7 +473,7 @@ Copyright (c) 2015 Daniel Eden
473
473
  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
474
474
  }
475
475
 
476
- 100% {
476
+ to {
477
477
  -webkit-transform: none;
478
478
  transform: none;
479
479
  }
@@ -484,10 +484,101 @@ Copyright (c) 2015 Daniel Eden
484
484
  animation-name: wobble;
485
485
  }
486
486
 
487
+ @-webkit-keyframes jello {
488
+ from, 11.1%, to {
489
+ -webkit-transform: none;
490
+ transform: none;
491
+ }
492
+
493
+ 22.2% {
494
+ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
495
+ transform: skewX(-12.5deg) skewY(-12.5deg);
496
+ }
497
+
498
+ 33.3% {
499
+ -webkit-transform: skewX(6.25deg) skewY(6.25deg);
500
+ transform: skewX(6.25deg) skewY(6.25deg);
501
+ }
502
+
503
+ 44.4% {
504
+ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
505
+ transform: skewX(-3.125deg) skewY(-3.125deg);
506
+ }
507
+
508
+ 55.5% {
509
+ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
510
+ transform: skewX(1.5625deg) skewY(1.5625deg);
511
+ }
512
+
513
+ 66.6% {
514
+ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
515
+ transform: skewX(-0.78125deg) skewY(-0.78125deg);
516
+ }
517
+
518
+ 77.7% {
519
+ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
520
+ transform: skewX(0.390625deg) skewY(0.390625deg);
521
+ }
522
+
523
+ 88.8% {
524
+ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
525
+ transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
526
+ }
527
+ }
528
+
529
+ @keyframes jello {
530
+ from, 11.1%, to {
531
+ -webkit-transform: none;
532
+ transform: none;
533
+ }
534
+
535
+ 22.2% {
536
+ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
537
+ transform: skewX(-12.5deg) skewY(-12.5deg);
538
+ }
539
+
540
+ 33.3% {
541
+ -webkit-transform: skewX(6.25deg) skewY(6.25deg);
542
+ transform: skewX(6.25deg) skewY(6.25deg);
543
+ }
544
+
545
+ 44.4% {
546
+ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
547
+ transform: skewX(-3.125deg) skewY(-3.125deg);
548
+ }
549
+
550
+ 55.5% {
551
+ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
552
+ transform: skewX(1.5625deg) skewY(1.5625deg);
553
+ }
554
+
555
+ 66.6% {
556
+ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
557
+ transform: skewX(-0.78125deg) skewY(-0.78125deg);
558
+ }
559
+
560
+ 77.7% {
561
+ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
562
+ transform: skewX(0.390625deg) skewY(0.390625deg);
563
+ }
564
+
565
+ 88.8% {
566
+ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
567
+ transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
568
+ }
569
+ }
570
+
571
+ .jello {
572
+ -webkit-animation-name: jello;
573
+ animation-name: jello;
574
+ -webkit-transform-origin: center;
575
+ transform-origin: center;
576
+ }
577
+
487
578
  @-webkit-keyframes bounceIn {
488
- 0%, 20%, 40%, 60%, 80%, 100% {
489
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
490
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
579
+ from, 20%, 40%, 60%, 80%, to {
580
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
581
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
491
582
  }
492
583
 
493
584
  0% {
@@ -517,7 +608,7 @@ Copyright (c) 2015 Daniel Eden
517
608
  transform: scale3d(.97, .97, .97);
518
609
  }
519
610
 
520
- 100% {
611
+ to {
521
612
  opacity: 1;
522
613
  -webkit-transform: scale3d(1, 1, 1);
523
614
  transform: scale3d(1, 1, 1);
@@ -525,9 +616,9 @@ Copyright (c) 2015 Daniel Eden
525
616
  }
526
617
 
527
618
  @keyframes bounceIn {
528
- 0%, 20%, 40%, 60%, 80%, 100% {
529
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
530
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
619
+ from, 20%, 40%, 60%, 80%, to {
620
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
621
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
531
622
  }
532
623
 
533
624
  0% {
@@ -557,7 +648,7 @@ Copyright (c) 2015 Daniel Eden
557
648
  transform: scale3d(.97, .97, .97);
558
649
  }
559
650
 
560
- 100% {
651
+ to {
561
652
  opacity: 1;
562
653
  -webkit-transform: scale3d(1, 1, 1);
563
654
  transform: scale3d(1, 1, 1);
@@ -570,9 +661,9 @@ Copyright (c) 2015 Daniel Eden
570
661
  }
571
662
 
572
663
  @-webkit-keyframes bounceInDown {
573
- 0%, 60%, 75%, 90%, 100% {
574
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
575
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
664
+ from, 60%, 75%, 90%, to {
665
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
666
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
576
667
  }
577
668
 
578
669
  0% {
@@ -597,16 +688,16 @@ Copyright (c) 2015 Daniel Eden
597
688
  transform: translate3d(0, 5px, 0);
598
689
  }
599
690
 
600
- 100% {
691
+ to {
601
692
  -webkit-transform: none;
602
693
  transform: none;
603
694
  }
604
695
  }
605
696
 
606
697
  @keyframes bounceInDown {
607
- 0%, 60%, 75%, 90%, 100% {
608
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
609
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
698
+ from, 60%, 75%, 90%, to {
699
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
700
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
610
701
  }
611
702
 
612
703
  0% {
@@ -631,7 +722,7 @@ Copyright (c) 2015 Daniel Eden
631
722
  transform: translate3d(0, 5px, 0);
632
723
  }
633
724
 
634
- 100% {
725
+ to {
635
726
  -webkit-transform: none;
636
727
  transform: none;
637
728
  }
@@ -643,9 +734,9 @@ Copyright (c) 2015 Daniel Eden
643
734
  }
644
735
 
645
736
  @-webkit-keyframes bounceInLeft {
646
- 0%, 60%, 75%, 90%, 100% {
647
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
648
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
737
+ from, 60%, 75%, 90%, to {
738
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
739
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
649
740
  }
650
741
 
651
742
  0% {
@@ -670,16 +761,16 @@ Copyright (c) 2015 Daniel Eden
670
761
  transform: translate3d(5px, 0, 0);
671
762
  }
672
763
 
673
- 100% {
764
+ to {
674
765
  -webkit-transform: none;
675
766
  transform: none;
676
767
  }
677
768
  }
678
769
 
679
770
  @keyframes bounceInLeft {
680
- 0%, 60%, 75%, 90%, 100% {
681
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
682
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
771
+ from, 60%, 75%, 90%, to {
772
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
773
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
683
774
  }
684
775
 
685
776
  0% {
@@ -704,7 +795,7 @@ Copyright (c) 2015 Daniel Eden
704
795
  transform: translate3d(5px, 0, 0);
705
796
  }
706
797
 
707
- 100% {
798
+ to {
708
799
  -webkit-transform: none;
709
800
  transform: none;
710
801
  }
@@ -716,12 +807,12 @@ Copyright (c) 2015 Daniel Eden
716
807
  }
717
808
 
718
809
  @-webkit-keyframes bounceInRight {
719
- 0%, 60%, 75%, 90%, 100% {
720
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
721
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
810
+ from, 60%, 75%, 90%, to {
811
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
812
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
722
813
  }
723
814
 
724
- 0% {
815
+ from {
725
816
  opacity: 0;
726
817
  -webkit-transform: translate3d(3000px, 0, 0);
727
818
  transform: translate3d(3000px, 0, 0);
@@ -743,19 +834,19 @@ Copyright (c) 2015 Daniel Eden
743
834
  transform: translate3d(-5px, 0, 0);
744
835
  }
745
836
 
746
- 100% {
837
+ to {
747
838
  -webkit-transform: none;
748
839
  transform: none;
749
840
  }
750
841
  }
751
842
 
752
843
  @keyframes bounceInRight {
753
- 0%, 60%, 75%, 90%, 100% {
754
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
755
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
844
+ from, 60%, 75%, 90%, to {
845
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
846
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
756
847
  }
757
848
 
758
- 0% {
849
+ from {
759
850
  opacity: 0;
760
851
  -webkit-transform: translate3d(3000px, 0, 0);
761
852
  transform: translate3d(3000px, 0, 0);
@@ -777,7 +868,7 @@ Copyright (c) 2015 Daniel Eden
777
868
  transform: translate3d(-5px, 0, 0);
778
869
  }
779
870
 
780
- 100% {
871
+ to {
781
872
  -webkit-transform: none;
782
873
  transform: none;
783
874
  }
@@ -789,12 +880,12 @@ Copyright (c) 2015 Daniel Eden
789
880
  }
790
881
 
791
882
  @-webkit-keyframes bounceInUp {
792
- 0%, 60%, 75%, 90%, 100% {
793
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
794
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
883
+ from, 60%, 75%, 90%, to {
884
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
885
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
795
886
  }
796
887
 
797
- 0% {
888
+ from {
798
889
  opacity: 0;
799
890
  -webkit-transform: translate3d(0, 3000px, 0);
800
891
  transform: translate3d(0, 3000px, 0);
@@ -816,19 +907,19 @@ Copyright (c) 2015 Daniel Eden
816
907
  transform: translate3d(0, -5px, 0);
817
908
  }
818
909
 
819
- 100% {
910
+ to {
820
911
  -webkit-transform: translate3d(0, 0, 0);
821
912
  transform: translate3d(0, 0, 0);
822
913
  }
823
914
  }
824
915
 
825
916
  @keyframes bounceInUp {
826
- 0%, 60%, 75%, 90%, 100% {
827
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
828
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
917
+ from, 60%, 75%, 90%, to {
918
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
919
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
829
920
  }
830
921
 
831
- 0% {
922
+ from {
832
923
  opacity: 0;
833
924
  -webkit-transform: translate3d(0, 3000px, 0);
834
925
  transform: translate3d(0, 3000px, 0);
@@ -850,7 +941,7 @@ Copyright (c) 2015 Daniel Eden
850
941
  transform: translate3d(0, -5px, 0);
851
942
  }
852
943
 
853
- 100% {
944
+ to {
854
945
  -webkit-transform: translate3d(0, 0, 0);
855
946
  transform: translate3d(0, 0, 0);
856
947
  }
@@ -873,7 +964,7 @@ Copyright (c) 2015 Daniel Eden
873
964
  transform: scale3d(1.1, 1.1, 1.1);
874
965
  }
875
966
 
876
- 100% {
967
+ to {
877
968
  opacity: 0;
878
969
  -webkit-transform: scale3d(.3, .3, .3);
879
970
  transform: scale3d(.3, .3, .3);
@@ -892,7 +983,7 @@ Copyright (c) 2015 Daniel Eden
892
983
  transform: scale3d(1.1, 1.1, 1.1);
893
984
  }
894
985
 
895
- 100% {
986
+ to {
896
987
  opacity: 0;
897
988
  -webkit-transform: scale3d(.3, .3, .3);
898
989
  transform: scale3d(.3, .3, .3);
@@ -916,7 +1007,7 @@ Copyright (c) 2015 Daniel Eden
916
1007
  transform: translate3d(0, -20px, 0);
917
1008
  }
918
1009
 
919
- 100% {
1010
+ to {
920
1011
  opacity: 0;
921
1012
  -webkit-transform: translate3d(0, 2000px, 0);
922
1013
  transform: translate3d(0, 2000px, 0);
@@ -935,7 +1026,7 @@ Copyright (c) 2015 Daniel Eden
935
1026
  transform: translate3d(0, -20px, 0);
936
1027
  }
937
1028
 
938
- 100% {
1029
+ to {
939
1030
  opacity: 0;
940
1031
  -webkit-transform: translate3d(0, 2000px, 0);
941
1032
  transform: translate3d(0, 2000px, 0);
@@ -954,7 +1045,7 @@ Copyright (c) 2015 Daniel Eden
954
1045
  transform: translate3d(20px, 0, 0);
955
1046
  }
956
1047
 
957
- 100% {
1048
+ to {
958
1049
  opacity: 0;
959
1050
  -webkit-transform: translate3d(-2000px, 0, 0);
960
1051
  transform: translate3d(-2000px, 0, 0);
@@ -968,7 +1059,7 @@ Copyright (c) 2015 Daniel Eden
968
1059
  transform: translate3d(20px, 0, 0);
969
1060
  }
970
1061
 
971
- 100% {
1062
+ to {
972
1063
  opacity: 0;
973
1064
  -webkit-transform: translate3d(-2000px, 0, 0);
974
1065
  transform: translate3d(-2000px, 0, 0);
@@ -987,7 +1078,7 @@ Copyright (c) 2015 Daniel Eden
987
1078
  transform: translate3d(-20px, 0, 0);
988
1079
  }
989
1080
 
990
- 100% {
1081
+ to {
991
1082
  opacity: 0;
992
1083
  -webkit-transform: translate3d(2000px, 0, 0);
993
1084
  transform: translate3d(2000px, 0, 0);
@@ -1001,7 +1092,7 @@ Copyright (c) 2015 Daniel Eden
1001
1092
  transform: translate3d(-20px, 0, 0);
1002
1093
  }
1003
1094
 
1004
- 100% {
1095
+ to {
1005
1096
  opacity: 0;
1006
1097
  -webkit-transform: translate3d(2000px, 0, 0);
1007
1098
  transform: translate3d(2000px, 0, 0);
@@ -1025,7 +1116,7 @@ Copyright (c) 2015 Daniel Eden
1025
1116
  transform: translate3d(0, 20px, 0);
1026
1117
  }
1027
1118
 
1028
- 100% {
1119
+ to {
1029
1120
  opacity: 0;
1030
1121
  -webkit-transform: translate3d(0, -2000px, 0);
1031
1122
  transform: translate3d(0, -2000px, 0);
@@ -1044,7 +1135,7 @@ Copyright (c) 2015 Daniel Eden
1044
1135
  transform: translate3d(0, 20px, 0);
1045
1136
  }
1046
1137
 
1047
- 100% {
1138
+ to {
1048
1139
  opacity: 0;
1049
1140
  -webkit-transform: translate3d(0, -2000px, 0);
1050
1141
  transform: translate3d(0, -2000px, 0);
@@ -1057,21 +1148,21 @@ Copyright (c) 2015 Daniel Eden
1057
1148
  }
1058
1149
 
1059
1150
  @-webkit-keyframes fadeIn {
1060
- 0% {
1151
+ from {
1061
1152
  opacity: 0;
1062
1153
  }
1063
1154
 
1064
- 100% {
1155
+ to {
1065
1156
  opacity: 1;
1066
1157
  }
1067
1158
  }
1068
1159
 
1069
1160
  @keyframes fadeIn {
1070
- 0% {
1161
+ from {
1071
1162
  opacity: 0;
1072
1163
  }
1073
1164
 
1074
- 100% {
1165
+ to {
1075
1166
  opacity: 1;
1076
1167
  }
1077
1168
  }
@@ -1082,13 +1173,13 @@ Copyright (c) 2015 Daniel Eden
1082
1173
  }
1083
1174
 
1084
1175
  @-webkit-keyframes fadeInDown {
1085
- 0% {
1176
+ from {
1086
1177
  opacity: 0;
1087
1178
  -webkit-transform: translate3d(0, -100%, 0);
1088
1179
  transform: translate3d(0, -100%, 0);
1089
1180
  }
1090
1181
 
1091
- 100% {
1182
+ to {
1092
1183
  opacity: 1;
1093
1184
  -webkit-transform: none;
1094
1185
  transform: none;
@@ -1096,13 +1187,13 @@ Copyright (c) 2015 Daniel Eden
1096
1187
  }
1097
1188
 
1098
1189
  @keyframes fadeInDown {
1099
- 0% {
1190
+ from {
1100
1191
  opacity: 0;
1101
1192
  -webkit-transform: translate3d(0, -100%, 0);
1102
1193
  transform: translate3d(0, -100%, 0);
1103
1194
  }
1104
1195
 
1105
- 100% {
1196
+ to {
1106
1197
  opacity: 1;
1107
1198
  -webkit-transform: none;
1108
1199
  transform: none;
@@ -1115,13 +1206,13 @@ Copyright (c) 2015 Daniel Eden
1115
1206
  }
1116
1207
 
1117
1208
  @-webkit-keyframes fadeInDownBig {
1118
- 0% {
1209
+ from {
1119
1210
  opacity: 0;
1120
1211
  -webkit-transform: translate3d(0, -2000px, 0);
1121
1212
  transform: translate3d(0, -2000px, 0);
1122
1213
  }
1123
1214
 
1124
- 100% {
1215
+ to {
1125
1216
  opacity: 1;
1126
1217
  -webkit-transform: none;
1127
1218
  transform: none;
@@ -1129,13 +1220,13 @@ Copyright (c) 2015 Daniel Eden
1129
1220
  }
1130
1221
 
1131
1222
  @keyframes fadeInDownBig {
1132
- 0% {
1223
+ from {
1133
1224
  opacity: 0;
1134
1225
  -webkit-transform: translate3d(0, -2000px, 0);
1135
1226
  transform: translate3d(0, -2000px, 0);
1136
1227
  }
1137
1228
 
1138
- 100% {
1229
+ to {
1139
1230
  opacity: 1;
1140
1231
  -webkit-transform: none;
1141
1232
  transform: none;
@@ -1148,13 +1239,13 @@ Copyright (c) 2015 Daniel Eden
1148
1239
  }
1149
1240
 
1150
1241
  @-webkit-keyframes fadeInLeft {
1151
- 0% {
1242
+ from {
1152
1243
  opacity: 0;
1153
1244
  -webkit-transform: translate3d(-100%, 0, 0);
1154
1245
  transform: translate3d(-100%, 0, 0);
1155
1246
  }
1156
1247
 
1157
- 100% {
1248
+ to {
1158
1249
  opacity: 1;
1159
1250
  -webkit-transform: none;
1160
1251
  transform: none;
@@ -1162,13 +1253,13 @@ Copyright (c) 2015 Daniel Eden
1162
1253
  }
1163
1254
 
1164
1255
  @keyframes fadeInLeft {
1165
- 0% {
1256
+ from {
1166
1257
  opacity: 0;
1167
1258
  -webkit-transform: translate3d(-100%, 0, 0);
1168
1259
  transform: translate3d(-100%, 0, 0);
1169
1260
  }
1170
1261
 
1171
- 100% {
1262
+ to {
1172
1263
  opacity: 1;
1173
1264
  -webkit-transform: none;
1174
1265
  transform: none;
@@ -1181,13 +1272,13 @@ Copyright (c) 2015 Daniel Eden
1181
1272
  }
1182
1273
 
1183
1274
  @-webkit-keyframes fadeInLeftBig {
1184
- 0% {
1275
+ from {
1185
1276
  opacity: 0;
1186
1277
  -webkit-transform: translate3d(-2000px, 0, 0);
1187
1278
  transform: translate3d(-2000px, 0, 0);
1188
1279
  }
1189
1280
 
1190
- 100% {
1281
+ to {
1191
1282
  opacity: 1;
1192
1283
  -webkit-transform: none;
1193
1284
  transform: none;
@@ -1195,13 +1286,13 @@ Copyright (c) 2015 Daniel Eden
1195
1286
  }
1196
1287
 
1197
1288
  @keyframes fadeInLeftBig {
1198
- 0% {
1289
+ from {
1199
1290
  opacity: 0;
1200
1291
  -webkit-transform: translate3d(-2000px, 0, 0);
1201
1292
  transform: translate3d(-2000px, 0, 0);
1202
1293
  }
1203
1294
 
1204
- 100% {
1295
+ to {
1205
1296
  opacity: 1;
1206
1297
  -webkit-transform: none;
1207
1298
  transform: none;
@@ -1214,13 +1305,13 @@ Copyright (c) 2015 Daniel Eden
1214
1305
  }
1215
1306
 
1216
1307
  @-webkit-keyframes fadeInRight {
1217
- 0% {
1308
+ from {
1218
1309
  opacity: 0;
1219
1310
  -webkit-transform: translate3d(100%, 0, 0);
1220
1311
  transform: translate3d(100%, 0, 0);
1221
1312
  }
1222
1313
 
1223
- 100% {
1314
+ to {
1224
1315
  opacity: 1;
1225
1316
  -webkit-transform: none;
1226
1317
  transform: none;
@@ -1228,13 +1319,13 @@ Copyright (c) 2015 Daniel Eden
1228
1319
  }
1229
1320
 
1230
1321
  @keyframes fadeInRight {
1231
- 0% {
1322
+ from {
1232
1323
  opacity: 0;
1233
1324
  -webkit-transform: translate3d(100%, 0, 0);
1234
1325
  transform: translate3d(100%, 0, 0);
1235
1326
  }
1236
1327
 
1237
- 100% {
1328
+ to {
1238
1329
  opacity: 1;
1239
1330
  -webkit-transform: none;
1240
1331
  transform: none;
@@ -1247,13 +1338,13 @@ Copyright (c) 2015 Daniel Eden
1247
1338
  }
1248
1339
 
1249
1340
  @-webkit-keyframes fadeInRightBig {
1250
- 0% {
1341
+ from {
1251
1342
  opacity: 0;
1252
1343
  -webkit-transform: translate3d(2000px, 0, 0);
1253
1344
  transform: translate3d(2000px, 0, 0);
1254
1345
  }
1255
1346
 
1256
- 100% {
1347
+ to {
1257
1348
  opacity: 1;
1258
1349
  -webkit-transform: none;
1259
1350
  transform: none;
@@ -1261,13 +1352,13 @@ Copyright (c) 2015 Daniel Eden
1261
1352
  }
1262
1353
 
1263
1354
  @keyframes fadeInRightBig {
1264
- 0% {
1355
+ from {
1265
1356
  opacity: 0;
1266
1357
  -webkit-transform: translate3d(2000px, 0, 0);
1267
1358
  transform: translate3d(2000px, 0, 0);
1268
1359
  }
1269
1360
 
1270
- 100% {
1361
+ to {
1271
1362
  opacity: 1;
1272
1363
  -webkit-transform: none;
1273
1364
  transform: none;
@@ -1280,13 +1371,13 @@ Copyright (c) 2015 Daniel Eden
1280
1371
  }
1281
1372
 
1282
1373
  @-webkit-keyframes fadeInUp {
1283
- 0% {
1374
+ from {
1284
1375
  opacity: 0;
1285
1376
  -webkit-transform: translate3d(0, 100%, 0);
1286
1377
  transform: translate3d(0, 100%, 0);
1287
1378
  }
1288
1379
 
1289
- 100% {
1380
+ to {
1290
1381
  opacity: 1;
1291
1382
  -webkit-transform: none;
1292
1383
  transform: none;
@@ -1294,13 +1385,13 @@ Copyright (c) 2015 Daniel Eden
1294
1385
  }
1295
1386
 
1296
1387
  @keyframes fadeInUp {
1297
- 0% {
1388
+ from {
1298
1389
  opacity: 0;
1299
1390
  -webkit-transform: translate3d(0, 100%, 0);
1300
1391
  transform: translate3d(0, 100%, 0);
1301
1392
  }
1302
1393
 
1303
- 100% {
1394
+ to {
1304
1395
  opacity: 1;
1305
1396
  -webkit-transform: none;
1306
1397
  transform: none;
@@ -1313,13 +1404,13 @@ Copyright (c) 2015 Daniel Eden
1313
1404
  }
1314
1405
 
1315
1406
  @-webkit-keyframes fadeInUpBig {
1316
- 0% {
1407
+ from {
1317
1408
  opacity: 0;
1318
1409
  -webkit-transform: translate3d(0, 2000px, 0);
1319
1410
  transform: translate3d(0, 2000px, 0);
1320
1411
  }
1321
1412
 
1322
- 100% {
1413
+ to {
1323
1414
  opacity: 1;
1324
1415
  -webkit-transform: none;
1325
1416
  transform: none;
@@ -1327,13 +1418,13 @@ Copyright (c) 2015 Daniel Eden
1327
1418
  }
1328
1419
 
1329
1420
  @keyframes fadeInUpBig {
1330
- 0% {
1421
+ from {
1331
1422
  opacity: 0;
1332
1423
  -webkit-transform: translate3d(0, 2000px, 0);
1333
1424
  transform: translate3d(0, 2000px, 0);
1334
1425
  }
1335
1426
 
1336
- 100% {
1427
+ to {
1337
1428
  opacity: 1;
1338
1429
  -webkit-transform: none;
1339
1430
  transform: none;
@@ -1346,21 +1437,21 @@ Copyright (c) 2015 Daniel Eden
1346
1437
  }
1347
1438
 
1348
1439
  @-webkit-keyframes fadeOut {
1349
- 0% {
1440
+ from {
1350
1441
  opacity: 1;
1351
1442
  }
1352
1443
 
1353
- 100% {
1444
+ to {
1354
1445
  opacity: 0;
1355
1446
  }
1356
1447
  }
1357
1448
 
1358
1449
  @keyframes fadeOut {
1359
- 0% {
1450
+ from {
1360
1451
  opacity: 1;
1361
1452
  }
1362
1453
 
1363
- 100% {
1454
+ to {
1364
1455
  opacity: 0;
1365
1456
  }
1366
1457
  }
@@ -1371,11 +1462,11 @@ Copyright (c) 2015 Daniel Eden
1371
1462
  }
1372
1463
 
1373
1464
  @-webkit-keyframes fadeOutDown {
1374
- 0% {
1465
+ from {
1375
1466
  opacity: 1;
1376
1467
  }
1377
1468
 
1378
- 100% {
1469
+ to {
1379
1470
  opacity: 0;
1380
1471
  -webkit-transform: translate3d(0, 100%, 0);
1381
1472
  transform: translate3d(0, 100%, 0);
@@ -1383,11 +1474,11 @@ Copyright (c) 2015 Daniel Eden
1383
1474
  }
1384
1475
 
1385
1476
  @keyframes fadeOutDown {
1386
- 0% {
1477
+ from {
1387
1478
  opacity: 1;
1388
1479
  }
1389
1480
 
1390
- 100% {
1481
+ to {
1391
1482
  opacity: 0;
1392
1483
  -webkit-transform: translate3d(0, 100%, 0);
1393
1484
  transform: translate3d(0, 100%, 0);
@@ -1400,11 +1491,11 @@ Copyright (c) 2015 Daniel Eden
1400
1491
  }
1401
1492
 
1402
1493
  @-webkit-keyframes fadeOutDownBig {
1403
- 0% {
1494
+ from {
1404
1495
  opacity: 1;
1405
1496
  }
1406
1497
 
1407
- 100% {
1498
+ to {
1408
1499
  opacity: 0;
1409
1500
  -webkit-transform: translate3d(0, 2000px, 0);
1410
1501
  transform: translate3d(0, 2000px, 0);
@@ -1412,11 +1503,11 @@ Copyright (c) 2015 Daniel Eden
1412
1503
  }
1413
1504
 
1414
1505
  @keyframes fadeOutDownBig {
1415
- 0% {
1506
+ from {
1416
1507
  opacity: 1;
1417
1508
  }
1418
1509
 
1419
- 100% {
1510
+ to {
1420
1511
  opacity: 0;
1421
1512
  -webkit-transform: translate3d(0, 2000px, 0);
1422
1513
  transform: translate3d(0, 2000px, 0);
@@ -1429,11 +1520,11 @@ Copyright (c) 2015 Daniel Eden
1429
1520
  }
1430
1521
 
1431
1522
  @-webkit-keyframes fadeOutLeft {
1432
- 0% {
1523
+ from {
1433
1524
  opacity: 1;
1434
1525
  }
1435
1526
 
1436
- 100% {
1527
+ to {
1437
1528
  opacity: 0;
1438
1529
  -webkit-transform: translate3d(-100%, 0, 0);
1439
1530
  transform: translate3d(-100%, 0, 0);
@@ -1441,11 +1532,11 @@ Copyright (c) 2015 Daniel Eden
1441
1532
  }
1442
1533
 
1443
1534
  @keyframes fadeOutLeft {
1444
- 0% {
1535
+ from {
1445
1536
  opacity: 1;
1446
1537
  }
1447
1538
 
1448
- 100% {
1539
+ to {
1449
1540
  opacity: 0;
1450
1541
  -webkit-transform: translate3d(-100%, 0, 0);
1451
1542
  transform: translate3d(-100%, 0, 0);
@@ -1458,11 +1549,11 @@ Copyright (c) 2015 Daniel Eden
1458
1549
  }
1459
1550
 
1460
1551
  @-webkit-keyframes fadeOutLeftBig {
1461
- 0% {
1552
+ from {
1462
1553
  opacity: 1;
1463
1554
  }
1464
1555
 
1465
- 100% {
1556
+ to {
1466
1557
  opacity: 0;
1467
1558
  -webkit-transform: translate3d(-2000px, 0, 0);
1468
1559
  transform: translate3d(-2000px, 0, 0);
@@ -1470,11 +1561,11 @@ Copyright (c) 2015 Daniel Eden
1470
1561
  }
1471
1562
 
1472
1563
  @keyframes fadeOutLeftBig {
1473
- 0% {
1564
+ from {
1474
1565
  opacity: 1;
1475
1566
  }
1476
1567
 
1477
- 100% {
1568
+ to {
1478
1569
  opacity: 0;
1479
1570
  -webkit-transform: translate3d(-2000px, 0, 0);
1480
1571
  transform: translate3d(-2000px, 0, 0);
@@ -1487,11 +1578,11 @@ Copyright (c) 2015 Daniel Eden
1487
1578
  }
1488
1579
 
1489
1580
  @-webkit-keyframes fadeOutRight {
1490
- 0% {
1581
+ from {
1491
1582
  opacity: 1;
1492
1583
  }
1493
1584
 
1494
- 100% {
1585
+ to {
1495
1586
  opacity: 0;
1496
1587
  -webkit-transform: translate3d(100%, 0, 0);
1497
1588
  transform: translate3d(100%, 0, 0);
@@ -1499,11 +1590,11 @@ Copyright (c) 2015 Daniel Eden
1499
1590
  }
1500
1591
 
1501
1592
  @keyframes fadeOutRight {
1502
- 0% {
1593
+ from {
1503
1594
  opacity: 1;
1504
1595
  }
1505
1596
 
1506
- 100% {
1597
+ to {
1507
1598
  opacity: 0;
1508
1599
  -webkit-transform: translate3d(100%, 0, 0);
1509
1600
  transform: translate3d(100%, 0, 0);
@@ -1516,11 +1607,11 @@ Copyright (c) 2015 Daniel Eden
1516
1607
  }
1517
1608
 
1518
1609
  @-webkit-keyframes fadeOutRightBig {
1519
- 0% {
1610
+ from {
1520
1611
  opacity: 1;
1521
1612
  }
1522
1613
 
1523
- 100% {
1614
+ to {
1524
1615
  opacity: 0;
1525
1616
  -webkit-transform: translate3d(2000px, 0, 0);
1526
1617
  transform: translate3d(2000px, 0, 0);
@@ -1528,11 +1619,11 @@ Copyright (c) 2015 Daniel Eden
1528
1619
  }
1529
1620
 
1530
1621
  @keyframes fadeOutRightBig {
1531
- 0% {
1622
+ from {
1532
1623
  opacity: 1;
1533
1624
  }
1534
1625
 
1535
- 100% {
1626
+ to {
1536
1627
  opacity: 0;
1537
1628
  -webkit-transform: translate3d(2000px, 0, 0);
1538
1629
  transform: translate3d(2000px, 0, 0);
@@ -1545,11 +1636,11 @@ Copyright (c) 2015 Daniel Eden
1545
1636
  }
1546
1637
 
1547
1638
  @-webkit-keyframes fadeOutUp {
1548
- 0% {
1639
+ from {
1549
1640
  opacity: 1;
1550
1641
  }
1551
1642
 
1552
- 100% {
1643
+ to {
1553
1644
  opacity: 0;
1554
1645
  -webkit-transform: translate3d(0, -100%, 0);
1555
1646
  transform: translate3d(0, -100%, 0);
@@ -1557,11 +1648,11 @@ Copyright (c) 2015 Daniel Eden
1557
1648
  }
1558
1649
 
1559
1650
  @keyframes fadeOutUp {
1560
- 0% {
1651
+ from {
1561
1652
  opacity: 1;
1562
1653
  }
1563
1654
 
1564
- 100% {
1655
+ to {
1565
1656
  opacity: 0;
1566
1657
  -webkit-transform: translate3d(0, -100%, 0);
1567
1658
  transform: translate3d(0, -100%, 0);
@@ -1574,11 +1665,11 @@ Copyright (c) 2015 Daniel Eden
1574
1665
  }
1575
1666
 
1576
1667
  @-webkit-keyframes fadeOutUpBig {
1577
- 0% {
1668
+ from {
1578
1669
  opacity: 1;
1579
1670
  }
1580
1671
 
1581
- 100% {
1672
+ to {
1582
1673
  opacity: 0;
1583
1674
  -webkit-transform: translate3d(0, -2000px, 0);
1584
1675
  transform: translate3d(0, -2000px, 0);
@@ -1586,11 +1677,11 @@ Copyright (c) 2015 Daniel Eden
1586
1677
  }
1587
1678
 
1588
1679
  @keyframes fadeOutUpBig {
1589
- 0% {
1680
+ from {
1590
1681
  opacity: 1;
1591
1682
  }
1592
1683
 
1593
- 100% {
1684
+ to {
1594
1685
  opacity: 0;
1595
1686
  -webkit-transform: translate3d(0, -2000px, 0);
1596
1687
  transform: translate3d(0, -2000px, 0);
@@ -1603,7 +1694,7 @@ Copyright (c) 2015 Daniel Eden
1603
1694
  }
1604
1695
 
1605
1696
  @-webkit-keyframes flip {
1606
- 0% {
1697
+ from {
1607
1698
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1608
1699
  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1609
1700
  -webkit-animation-timing-function: ease-out;
@@ -1631,7 +1722,7 @@ Copyright (c) 2015 Daniel Eden
1631
1722
  animation-timing-function: ease-in;
1632
1723
  }
1633
1724
 
1634
- 100% {
1725
+ to {
1635
1726
  -webkit-transform: perspective(400px);
1636
1727
  transform: perspective(400px);
1637
1728
  -webkit-animation-timing-function: ease-in;
@@ -1640,7 +1731,7 @@ Copyright (c) 2015 Daniel Eden
1640
1731
  }
1641
1732
 
1642
1733
  @keyframes flip {
1643
- 0% {
1734
+ from {
1644
1735
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1645
1736
  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1646
1737
  -webkit-animation-timing-function: ease-out;
@@ -1668,7 +1759,7 @@ Copyright (c) 2015 Daniel Eden
1668
1759
  animation-timing-function: ease-in;
1669
1760
  }
1670
1761
 
1671
- 100% {
1762
+ to {
1672
1763
  -webkit-transform: perspective(400px);
1673
1764
  transform: perspective(400px);
1674
1765
  -webkit-animation-timing-function: ease-in;
@@ -1684,19 +1775,19 @@ Copyright (c) 2015 Daniel Eden
1684
1775
  }
1685
1776
 
1686
1777
  @-webkit-keyframes flipInX {
1687
- 0% {
1778
+ from {
1688
1779
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1689
1780
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1690
- -webkit-transition-timing-function: ease-in;
1691
- transition-timing-function: ease-in;
1781
+ -webkit-animation-timing-function: ease-in;
1782
+ animation-timing-function: ease-in;
1692
1783
  opacity: 0;
1693
1784
  }
1694
1785
 
1695
1786
  40% {
1696
1787
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1697
1788
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1698
- -webkit-transition-timing-function: ease-in;
1699
- transition-timing-function: ease-in;
1789
+ -webkit-animation-timing-function: ease-in;
1790
+ animation-timing-function: ease-in;
1700
1791
  }
1701
1792
 
1702
1793
  60% {
@@ -1710,26 +1801,26 @@ Copyright (c) 2015 Daniel Eden
1710
1801
  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1711
1802
  }
1712
1803
 
1713
- 100% {
1804
+ to {
1714
1805
  -webkit-transform: perspective(400px);
1715
1806
  transform: perspective(400px);
1716
1807
  }
1717
1808
  }
1718
1809
 
1719
1810
  @keyframes flipInX {
1720
- 0% {
1811
+ from {
1721
1812
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1722
1813
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1723
- -webkit-transition-timing-function: ease-in;
1724
- transition-timing-function: ease-in;
1814
+ -webkit-animation-timing-function: ease-in;
1815
+ animation-timing-function: ease-in;
1725
1816
  opacity: 0;
1726
1817
  }
1727
1818
 
1728
1819
  40% {
1729
1820
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1730
1821
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1731
- -webkit-transition-timing-function: ease-in;
1732
- transition-timing-function: ease-in;
1822
+ -webkit-animation-timing-function: ease-in;
1823
+ animation-timing-function: ease-in;
1733
1824
  }
1734
1825
 
1735
1826
  60% {
@@ -1743,7 +1834,7 @@ Copyright (c) 2015 Daniel Eden
1743
1834
  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1744
1835
  }
1745
1836
 
1746
- 100% {
1837
+ to {
1747
1838
  -webkit-transform: perspective(400px);
1748
1839
  transform: perspective(400px);
1749
1840
  }
@@ -1757,19 +1848,19 @@ Copyright (c) 2015 Daniel Eden
1757
1848
  }
1758
1849
 
1759
1850
  @-webkit-keyframes flipInY {
1760
- 0% {
1851
+ from {
1761
1852
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1762
1853
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1763
- -webkit-transition-timing-function: ease-in;
1764
- transition-timing-function: ease-in;
1854
+ -webkit-animation-timing-function: ease-in;
1855
+ animation-timing-function: ease-in;
1765
1856
  opacity: 0;
1766
1857
  }
1767
1858
 
1768
1859
  40% {
1769
1860
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1770
1861
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1771
- -webkit-transition-timing-function: ease-in;
1772
- transition-timing-function: ease-in;
1862
+ -webkit-animation-timing-function: ease-in;
1863
+ animation-timing-function: ease-in;
1773
1864
  }
1774
1865
 
1775
1866
  60% {
@@ -1783,26 +1874,26 @@ Copyright (c) 2015 Daniel Eden
1783
1874
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1784
1875
  }
1785
1876
 
1786
- 100% {
1877
+ to {
1787
1878
  -webkit-transform: perspective(400px);
1788
1879
  transform: perspective(400px);
1789
1880
  }
1790
1881
  }
1791
1882
 
1792
1883
  @keyframes flipInY {
1793
- 0% {
1884
+ from {
1794
1885
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1795
1886
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1796
- -webkit-transition-timing-function: ease-in;
1797
- transition-timing-function: ease-in;
1887
+ -webkit-animation-timing-function: ease-in;
1888
+ animation-timing-function: ease-in;
1798
1889
  opacity: 0;
1799
1890
  }
1800
1891
 
1801
1892
  40% {
1802
1893
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1803
1894
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1804
- -webkit-transition-timing-function: ease-in;
1805
- transition-timing-function: ease-in;
1895
+ -webkit-animation-timing-function: ease-in;
1896
+ animation-timing-function: ease-in;
1806
1897
  }
1807
1898
 
1808
1899
  60% {
@@ -1816,7 +1907,7 @@ Copyright (c) 2015 Daniel Eden
1816
1907
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1817
1908
  }
1818
1909
 
1819
- 100% {
1910
+ to {
1820
1911
  -webkit-transform: perspective(400px);
1821
1912
  transform: perspective(400px);
1822
1913
  }
@@ -1830,7 +1921,7 @@ Copyright (c) 2015 Daniel Eden
1830
1921
  }
1831
1922
 
1832
1923
  @-webkit-keyframes flipOutX {
1833
- 0% {
1924
+ from {
1834
1925
  -webkit-transform: perspective(400px);
1835
1926
  transform: perspective(400px);
1836
1927
  }
@@ -1841,7 +1932,7 @@ Copyright (c) 2015 Daniel Eden
1841
1932
  opacity: 1;
1842
1933
  }
1843
1934
 
1844
- 100% {
1935
+ to {
1845
1936
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1846
1937
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1847
1938
  opacity: 0;
@@ -1849,7 +1940,7 @@ Copyright (c) 2015 Daniel Eden
1849
1940
  }
1850
1941
 
1851
1942
  @keyframes flipOutX {
1852
- 0% {
1943
+ from {
1853
1944
  -webkit-transform: perspective(400px);
1854
1945
  transform: perspective(400px);
1855
1946
  }
@@ -1860,7 +1951,7 @@ Copyright (c) 2015 Daniel Eden
1860
1951
  opacity: 1;
1861
1952
  }
1862
1953
 
1863
- 100% {
1954
+ to {
1864
1955
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1865
1956
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1866
1957
  opacity: 0;
@@ -1875,7 +1966,7 @@ Copyright (c) 2015 Daniel Eden
1875
1966
  }
1876
1967
 
1877
1968
  @-webkit-keyframes flipOutY {
1878
- 0% {
1969
+ from {
1879
1970
  -webkit-transform: perspective(400px);
1880
1971
  transform: perspective(400px);
1881
1972
  }
@@ -1886,7 +1977,7 @@ Copyright (c) 2015 Daniel Eden
1886
1977
  opacity: 1;
1887
1978
  }
1888
1979
 
1889
- 100% {
1980
+ to {
1890
1981
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1891
1982
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1892
1983
  opacity: 0;
@@ -1894,7 +1985,7 @@ Copyright (c) 2015 Daniel Eden
1894
1985
  }
1895
1986
 
1896
1987
  @keyframes flipOutY {
1897
- 0% {
1988
+ from {
1898
1989
  -webkit-transform: perspective(400px);
1899
1990
  transform: perspective(400px);
1900
1991
  }
@@ -1905,7 +1996,7 @@ Copyright (c) 2015 Daniel Eden
1905
1996
  opacity: 1;
1906
1997
  }
1907
1998
 
1908
- 100% {
1999
+ to {
1909
2000
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1910
2001
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1911
2002
  opacity: 0;
@@ -1920,7 +2011,7 @@ Copyright (c) 2015 Daniel Eden
1920
2011
  }
1921
2012
 
1922
2013
  @-webkit-keyframes lightSpeedIn {
1923
- 0% {
2014
+ from {
1924
2015
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1925
2016
  transform: translate3d(100%, 0, 0) skewX(-30deg);
1926
2017
  opacity: 0;
@@ -1938,7 +2029,7 @@ Copyright (c) 2015 Daniel Eden
1938
2029
  opacity: 1;
1939
2030
  }
1940
2031
 
1941
- 100% {
2032
+ to {
1942
2033
  -webkit-transform: none;
1943
2034
  transform: none;
1944
2035
  opacity: 1;
@@ -1946,7 +2037,7 @@ Copyright (c) 2015 Daniel Eden
1946
2037
  }
1947
2038
 
1948
2039
  @keyframes lightSpeedIn {
1949
- 0% {
2040
+ from {
1950
2041
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1951
2042
  transform: translate3d(100%, 0, 0) skewX(-30deg);
1952
2043
  opacity: 0;
@@ -1964,7 +2055,7 @@ Copyright (c) 2015 Daniel Eden
1964
2055
  opacity: 1;
1965
2056
  }
1966
2057
 
1967
- 100% {
2058
+ to {
1968
2059
  -webkit-transform: none;
1969
2060
  transform: none;
1970
2061
  opacity: 1;
@@ -1979,11 +2070,11 @@ Copyright (c) 2015 Daniel Eden
1979
2070
  }
1980
2071
 
1981
2072
  @-webkit-keyframes lightSpeedOut {
1982
- 0% {
2073
+ from {
1983
2074
  opacity: 1;
1984
2075
  }
1985
2076
 
1986
- 100% {
2077
+ to {
1987
2078
  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1988
2079
  transform: translate3d(100%, 0, 0) skewX(30deg);
1989
2080
  opacity: 0;
@@ -1991,11 +2082,11 @@ Copyright (c) 2015 Daniel Eden
1991
2082
  }
1992
2083
 
1993
2084
  @keyframes lightSpeedOut {
1994
- 0% {
2085
+ from {
1995
2086
  opacity: 1;
1996
2087
  }
1997
2088
 
1998
- 100% {
2089
+ to {
1999
2090
  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2000
2091
  transform: translate3d(100%, 0, 0) skewX(30deg);
2001
2092
  opacity: 0;
@@ -2010,7 +2101,7 @@ Copyright (c) 2015 Daniel Eden
2010
2101
  }
2011
2102
 
2012
2103
  @-webkit-keyframes rotateIn {
2013
- 0% {
2104
+ from {
2014
2105
  -webkit-transform-origin: center;
2015
2106
  transform-origin: center;
2016
2107
  -webkit-transform: rotate3d(0, 0, 1, -200deg);
@@ -2018,7 +2109,7 @@ Copyright (c) 2015 Daniel Eden
2018
2109
  opacity: 0;
2019
2110
  }
2020
2111
 
2021
- 100% {
2112
+ to {
2022
2113
  -webkit-transform-origin: center;
2023
2114
  transform-origin: center;
2024
2115
  -webkit-transform: none;
@@ -2028,7 +2119,7 @@ Copyright (c) 2015 Daniel Eden
2028
2119
  }
2029
2120
 
2030
2121
  @keyframes rotateIn {
2031
- 0% {
2122
+ from {
2032
2123
  -webkit-transform-origin: center;
2033
2124
  transform-origin: center;
2034
2125
  -webkit-transform: rotate3d(0, 0, 1, -200deg);
@@ -2036,7 +2127,7 @@ Copyright (c) 2015 Daniel Eden
2036
2127
  opacity: 0;
2037
2128
  }
2038
2129
 
2039
- 100% {
2130
+ to {
2040
2131
  -webkit-transform-origin: center;
2041
2132
  transform-origin: center;
2042
2133
  -webkit-transform: none;
@@ -2051,7 +2142,7 @@ Copyright (c) 2015 Daniel Eden
2051
2142
  }
2052
2143
 
2053
2144
  @-webkit-keyframes rotateInDownLeft {
2054
- 0% {
2145
+ from {
2055
2146
  -webkit-transform-origin: left bottom;
2056
2147
  transform-origin: left bottom;
2057
2148
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
@@ -2059,7 +2150,7 @@ Copyright (c) 2015 Daniel Eden
2059
2150
  opacity: 0;
2060
2151
  }
2061
2152
 
2062
- 100% {
2153
+ to {
2063
2154
  -webkit-transform-origin: left bottom;
2064
2155
  transform-origin: left bottom;
2065
2156
  -webkit-transform: none;
@@ -2069,7 +2160,7 @@ Copyright (c) 2015 Daniel Eden
2069
2160
  }
2070
2161
 
2071
2162
  @keyframes rotateInDownLeft {
2072
- 0% {
2163
+ from {
2073
2164
  -webkit-transform-origin: left bottom;
2074
2165
  transform-origin: left bottom;
2075
2166
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
@@ -2077,7 +2168,7 @@ Copyright (c) 2015 Daniel Eden
2077
2168
  opacity: 0;
2078
2169
  }
2079
2170
 
2080
- 100% {
2171
+ to {
2081
2172
  -webkit-transform-origin: left bottom;
2082
2173
  transform-origin: left bottom;
2083
2174
  -webkit-transform: none;
@@ -2092,7 +2183,7 @@ Copyright (c) 2015 Daniel Eden
2092
2183
  }
2093
2184
 
2094
2185
  @-webkit-keyframes rotateInDownRight {
2095
- 0% {
2186
+ from {
2096
2187
  -webkit-transform-origin: right bottom;
2097
2188
  transform-origin: right bottom;
2098
2189
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
@@ -2100,7 +2191,7 @@ Copyright (c) 2015 Daniel Eden
2100
2191
  opacity: 0;
2101
2192
  }
2102
2193
 
2103
- 100% {
2194
+ to {
2104
2195
  -webkit-transform-origin: right bottom;
2105
2196
  transform-origin: right bottom;
2106
2197
  -webkit-transform: none;
@@ -2110,7 +2201,7 @@ Copyright (c) 2015 Daniel Eden
2110
2201
  }
2111
2202
 
2112
2203
  @keyframes rotateInDownRight {
2113
- 0% {
2204
+ from {
2114
2205
  -webkit-transform-origin: right bottom;
2115
2206
  transform-origin: right bottom;
2116
2207
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
@@ -2118,7 +2209,7 @@ Copyright (c) 2015 Daniel Eden
2118
2209
  opacity: 0;
2119
2210
  }
2120
2211
 
2121
- 100% {
2212
+ to {
2122
2213
  -webkit-transform-origin: right bottom;
2123
2214
  transform-origin: right bottom;
2124
2215
  -webkit-transform: none;
@@ -2133,7 +2224,7 @@ Copyright (c) 2015 Daniel Eden
2133
2224
  }
2134
2225
 
2135
2226
  @-webkit-keyframes rotateInUpLeft {
2136
- 0% {
2227
+ from {
2137
2228
  -webkit-transform-origin: left bottom;
2138
2229
  transform-origin: left bottom;
2139
2230
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
@@ -2141,7 +2232,7 @@ Copyright (c) 2015 Daniel Eden
2141
2232
  opacity: 0;
2142
2233
  }
2143
2234
 
2144
- 100% {
2235
+ to {
2145
2236
  -webkit-transform-origin: left bottom;
2146
2237
  transform-origin: left bottom;
2147
2238
  -webkit-transform: none;
@@ -2151,7 +2242,7 @@ Copyright (c) 2015 Daniel Eden
2151
2242
  }
2152
2243
 
2153
2244
  @keyframes rotateInUpLeft {
2154
- 0% {
2245
+ from {
2155
2246
  -webkit-transform-origin: left bottom;
2156
2247
  transform-origin: left bottom;
2157
2248
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
@@ -2159,7 +2250,7 @@ Copyright (c) 2015 Daniel Eden
2159
2250
  opacity: 0;
2160
2251
  }
2161
2252
 
2162
- 100% {
2253
+ to {
2163
2254
  -webkit-transform-origin: left bottom;
2164
2255
  transform-origin: left bottom;
2165
2256
  -webkit-transform: none;
@@ -2174,7 +2265,7 @@ Copyright (c) 2015 Daniel Eden
2174
2265
  }
2175
2266
 
2176
2267
  @-webkit-keyframes rotateInUpRight {
2177
- 0% {
2268
+ from {
2178
2269
  -webkit-transform-origin: right bottom;
2179
2270
  transform-origin: right bottom;
2180
2271
  -webkit-transform: rotate3d(0, 0, 1, -90deg);
@@ -2182,7 +2273,7 @@ Copyright (c) 2015 Daniel Eden
2182
2273
  opacity: 0;
2183
2274
  }
2184
2275
 
2185
- 100% {
2276
+ to {
2186
2277
  -webkit-transform-origin: right bottom;
2187
2278
  transform-origin: right bottom;
2188
2279
  -webkit-transform: none;
@@ -2192,7 +2283,7 @@ Copyright (c) 2015 Daniel Eden
2192
2283
  }
2193
2284
 
2194
2285
  @keyframes rotateInUpRight {
2195
- 0% {
2286
+ from {
2196
2287
  -webkit-transform-origin: right bottom;
2197
2288
  transform-origin: right bottom;
2198
2289
  -webkit-transform: rotate3d(0, 0, 1, -90deg);
@@ -2200,7 +2291,7 @@ Copyright (c) 2015 Daniel Eden
2200
2291
  opacity: 0;
2201
2292
  }
2202
2293
 
2203
- 100% {
2294
+ to {
2204
2295
  -webkit-transform-origin: right bottom;
2205
2296
  transform-origin: right bottom;
2206
2297
  -webkit-transform: none;
@@ -2215,13 +2306,13 @@ Copyright (c) 2015 Daniel Eden
2215
2306
  }
2216
2307
 
2217
2308
  @-webkit-keyframes rotateOut {
2218
- 0% {
2309
+ from {
2219
2310
  -webkit-transform-origin: center;
2220
2311
  transform-origin: center;
2221
2312
  opacity: 1;
2222
2313
  }
2223
2314
 
2224
- 100% {
2315
+ to {
2225
2316
  -webkit-transform-origin: center;
2226
2317
  transform-origin: center;
2227
2318
  -webkit-transform: rotate3d(0, 0, 1, 200deg);
@@ -2231,13 +2322,13 @@ Copyright (c) 2015 Daniel Eden
2231
2322
  }
2232
2323
 
2233
2324
  @keyframes rotateOut {
2234
- 0% {
2325
+ from {
2235
2326
  -webkit-transform-origin: center;
2236
2327
  transform-origin: center;
2237
2328
  opacity: 1;
2238
2329
  }
2239
2330
 
2240
- 100% {
2331
+ to {
2241
2332
  -webkit-transform-origin: center;
2242
2333
  transform-origin: center;
2243
2334
  -webkit-transform: rotate3d(0, 0, 1, 200deg);
@@ -2252,13 +2343,13 @@ Copyright (c) 2015 Daniel Eden
2252
2343
  }
2253
2344
 
2254
2345
  @-webkit-keyframes rotateOutDownLeft {
2255
- 0% {
2346
+ from {
2256
2347
  -webkit-transform-origin: left bottom;
2257
2348
  transform-origin: left bottom;
2258
2349
  opacity: 1;
2259
2350
  }
2260
2351
 
2261
- 100% {
2352
+ to {
2262
2353
  -webkit-transform-origin: left bottom;
2263
2354
  transform-origin: left bottom;
2264
2355
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
@@ -2268,13 +2359,13 @@ Copyright (c) 2015 Daniel Eden
2268
2359
  }
2269
2360
 
2270
2361
  @keyframes rotateOutDownLeft {
2271
- 0% {
2362
+ from {
2272
2363
  -webkit-transform-origin: left bottom;
2273
2364
  transform-origin: left bottom;
2274
2365
  opacity: 1;
2275
2366
  }
2276
2367
 
2277
- 100% {
2368
+ to {
2278
2369
  -webkit-transform-origin: left bottom;
2279
2370
  transform-origin: left bottom;
2280
2371
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
@@ -2289,13 +2380,13 @@ Copyright (c) 2015 Daniel Eden
2289
2380
  }
2290
2381
 
2291
2382
  @-webkit-keyframes rotateOutDownRight {
2292
- 0% {
2383
+ from {
2293
2384
  -webkit-transform-origin: right bottom;
2294
2385
  transform-origin: right bottom;
2295
2386
  opacity: 1;
2296
2387
  }
2297
2388
 
2298
- 100% {
2389
+ to {
2299
2390
  -webkit-transform-origin: right bottom;
2300
2391
  transform-origin: right bottom;
2301
2392
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
@@ -2305,13 +2396,13 @@ Copyright (c) 2015 Daniel Eden
2305
2396
  }
2306
2397
 
2307
2398
  @keyframes rotateOutDownRight {
2308
- 0% {
2399
+ from {
2309
2400
  -webkit-transform-origin: right bottom;
2310
2401
  transform-origin: right bottom;
2311
2402
  opacity: 1;
2312
2403
  }
2313
2404
 
2314
- 100% {
2405
+ to {
2315
2406
  -webkit-transform-origin: right bottom;
2316
2407
  transform-origin: right bottom;
2317
2408
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
@@ -2326,13 +2417,13 @@ Copyright (c) 2015 Daniel Eden
2326
2417
  }
2327
2418
 
2328
2419
  @-webkit-keyframes rotateOutUpLeft {
2329
- 0% {
2420
+ from {
2330
2421
  -webkit-transform-origin: left bottom;
2331
2422
  transform-origin: left bottom;
2332
2423
  opacity: 1;
2333
2424
  }
2334
2425
 
2335
- 100% {
2426
+ to {
2336
2427
  -webkit-transform-origin: left bottom;
2337
2428
  transform-origin: left bottom;
2338
2429
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
@@ -2342,13 +2433,13 @@ Copyright (c) 2015 Daniel Eden
2342
2433
  }
2343
2434
 
2344
2435
  @keyframes rotateOutUpLeft {
2345
- 0% {
2436
+ from {
2346
2437
  -webkit-transform-origin: left bottom;
2347
2438
  transform-origin: left bottom;
2348
2439
  opacity: 1;
2349
2440
  }
2350
2441
 
2351
- 100% {
2442
+ to {
2352
2443
  -webkit-transform-origin: left bottom;
2353
2444
  transform-origin: left bottom;
2354
2445
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
@@ -2363,13 +2454,13 @@ Copyright (c) 2015 Daniel Eden
2363
2454
  }
2364
2455
 
2365
2456
  @-webkit-keyframes rotateOutUpRight {
2366
- 0% {
2457
+ from {
2367
2458
  -webkit-transform-origin: right bottom;
2368
2459
  transform-origin: right bottom;
2369
2460
  opacity: 1;
2370
2461
  }
2371
2462
 
2372
- 100% {
2463
+ to {
2373
2464
  -webkit-transform-origin: right bottom;
2374
2465
  transform-origin: right bottom;
2375
2466
  -webkit-transform: rotate3d(0, 0, 1, 90deg);
@@ -2379,13 +2470,13 @@ Copyright (c) 2015 Daniel Eden
2379
2470
  }
2380
2471
 
2381
2472
  @keyframes rotateOutUpRight {
2382
- 0% {
2473
+ from {
2383
2474
  -webkit-transform-origin: right bottom;
2384
2475
  transform-origin: right bottom;
2385
2476
  opacity: 1;
2386
2477
  }
2387
2478
 
2388
- 100% {
2479
+ to {
2389
2480
  -webkit-transform-origin: right bottom;
2390
2481
  transform-origin: right bottom;
2391
2482
  -webkit-transform: rotate3d(0, 0, 1, 90deg);
@@ -2426,7 +2517,7 @@ Copyright (c) 2015 Daniel Eden
2426
2517
  opacity: 1;
2427
2518
  }
2428
2519
 
2429
- 100% {
2520
+ to {
2430
2521
  -webkit-transform: translate3d(0, 700px, 0);
2431
2522
  transform: translate3d(0, 700px, 0);
2432
2523
  opacity: 0;
@@ -2460,7 +2551,7 @@ Copyright (c) 2015 Daniel Eden
2460
2551
  opacity: 1;
2461
2552
  }
2462
2553
 
2463
- 100% {
2554
+ to {
2464
2555
  -webkit-transform: translate3d(0, 700px, 0);
2465
2556
  transform: translate3d(0, 700px, 0);
2466
2557
  opacity: 0;
@@ -2475,13 +2566,13 @@ Copyright (c) 2015 Daniel Eden
2475
2566
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2476
2567
 
2477
2568
  @-webkit-keyframes rollIn {
2478
- 0% {
2569
+ from {
2479
2570
  opacity: 0;
2480
2571
  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2481
2572
  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2482
2573
  }
2483
2574
 
2484
- 100% {
2575
+ to {
2485
2576
  opacity: 1;
2486
2577
  -webkit-transform: none;
2487
2578
  transform: none;
@@ -2489,13 +2580,13 @@ Copyright (c) 2015 Daniel Eden
2489
2580
  }
2490
2581
 
2491
2582
  @keyframes rollIn {
2492
- 0% {
2583
+ from {
2493
2584
  opacity: 0;
2494
2585
  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2495
2586
  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2496
2587
  }
2497
2588
 
2498
- 100% {
2589
+ to {
2499
2590
  opacity: 1;
2500
2591
  -webkit-transform: none;
2501
2592
  transform: none;
@@ -2510,11 +2601,11 @@ Copyright (c) 2015 Daniel Eden
2510
2601
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2511
2602
 
2512
2603
  @-webkit-keyframes rollOut {
2513
- 0% {
2604
+ from {
2514
2605
  opacity: 1;
2515
2606
  }
2516
2607
 
2517
- 100% {
2608
+ to {
2518
2609
  opacity: 0;
2519
2610
  -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2520
2611
  transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
@@ -2522,11 +2613,11 @@ Copyright (c) 2015 Daniel Eden
2522
2613
  }
2523
2614
 
2524
2615
  @keyframes rollOut {
2525
- 0% {
2616
+ from {
2526
2617
  opacity: 1;
2527
2618
  }
2528
2619
 
2529
- 100% {
2620
+ to {
2530
2621
  opacity: 0;
2531
2622
  -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2532
2623
  transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
@@ -2539,7 +2630,7 @@ Copyright (c) 2015 Daniel Eden
2539
2630
  }
2540
2631
 
2541
2632
  @-webkit-keyframes zoomIn {
2542
- 0% {
2633
+ from {
2543
2634
  opacity: 0;
2544
2635
  -webkit-transform: scale3d(.3, .3, .3);
2545
2636
  transform: scale3d(.3, .3, .3);
@@ -2551,7 +2642,7 @@ Copyright (c) 2015 Daniel Eden
2551
2642
  }
2552
2643
 
2553
2644
  @keyframes zoomIn {
2554
- 0% {
2645
+ from {
2555
2646
  opacity: 0;
2556
2647
  -webkit-transform: scale3d(.3, .3, .3);
2557
2648
  transform: scale3d(.3, .3, .3);
@@ -2568,7 +2659,7 @@ Copyright (c) 2015 Daniel Eden
2568
2659
  }
2569
2660
 
2570
2661
  @-webkit-keyframes zoomInDown {
2571
- 0% {
2662
+ from {
2572
2663
  opacity: 0;
2573
2664
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2574
2665
  transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
@@ -2586,7 +2677,7 @@ Copyright (c) 2015 Daniel Eden
2586
2677
  }
2587
2678
 
2588
2679
  @keyframes zoomInDown {
2589
- 0% {
2680
+ from {
2590
2681
  opacity: 0;
2591
2682
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2592
2683
  transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
@@ -2609,7 +2700,7 @@ Copyright (c) 2015 Daniel Eden
2609
2700
  }
2610
2701
 
2611
2702
  @-webkit-keyframes zoomInLeft {
2612
- 0% {
2703
+ from {
2613
2704
  opacity: 0;
2614
2705
  -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2615
2706
  transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
@@ -2627,7 +2718,7 @@ Copyright (c) 2015 Daniel Eden
2627
2718
  }
2628
2719
 
2629
2720
  @keyframes zoomInLeft {
2630
- 0% {
2721
+ from {
2631
2722
  opacity: 0;
2632
2723
  -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2633
2724
  transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
@@ -2650,7 +2741,7 @@ Copyright (c) 2015 Daniel Eden
2650
2741
  }
2651
2742
 
2652
2743
  @-webkit-keyframes zoomInRight {
2653
- 0% {
2744
+ from {
2654
2745
  opacity: 0;
2655
2746
  -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2656
2747
  transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
@@ -2668,7 +2759,7 @@ Copyright (c) 2015 Daniel Eden
2668
2759
  }
2669
2760
 
2670
2761
  @keyframes zoomInRight {
2671
- 0% {
2762
+ from {
2672
2763
  opacity: 0;
2673
2764
  -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2674
2765
  transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
@@ -2691,7 +2782,7 @@ Copyright (c) 2015 Daniel Eden
2691
2782
  }
2692
2783
 
2693
2784
  @-webkit-keyframes zoomInUp {
2694
- 0% {
2785
+ from {
2695
2786
  opacity: 0;
2696
2787
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2697
2788
  transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
@@ -2709,7 +2800,7 @@ Copyright (c) 2015 Daniel Eden
2709
2800
  }
2710
2801
 
2711
2802
  @keyframes zoomInUp {
2712
- 0% {
2803
+ from {
2713
2804
  opacity: 0;
2714
2805
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2715
2806
  transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
@@ -2732,7 +2823,7 @@ Copyright (c) 2015 Daniel Eden
2732
2823
  }
2733
2824
 
2734
2825
  @-webkit-keyframes zoomOut {
2735
- 0% {
2826
+ from {
2736
2827
  opacity: 1;
2737
2828
  }
2738
2829
 
@@ -2742,13 +2833,13 @@ Copyright (c) 2015 Daniel Eden
2742
2833
  transform: scale3d(.3, .3, .3);
2743
2834
  }
2744
2835
 
2745
- 100% {
2836
+ to {
2746
2837
  opacity: 0;
2747
2838
  }
2748
2839
  }
2749
2840
 
2750
2841
  @keyframes zoomOut {
2751
- 0% {
2842
+ from {
2752
2843
  opacity: 1;
2753
2844
  }
2754
2845
 
@@ -2758,7 +2849,7 @@ Copyright (c) 2015 Daniel Eden
2758
2849
  transform: scale3d(.3, .3, .3);
2759
2850
  }
2760
2851
 
2761
- 100% {
2852
+ to {
2762
2853
  opacity: 0;
2763
2854
  }
2764
2855
  }
@@ -2777,7 +2868,7 @@ Copyright (c) 2015 Daniel Eden
2777
2868
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2778
2869
  }
2779
2870
 
2780
- 100% {
2871
+ to {
2781
2872
  opacity: 0;
2782
2873
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2783
2874
  transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
@@ -2797,7 +2888,7 @@ Copyright (c) 2015 Daniel Eden
2797
2888
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2798
2889
  }
2799
2890
 
2800
- 100% {
2891
+ to {
2801
2892
  opacity: 0;
2802
2893
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2803
2894
  transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
@@ -2820,7 +2911,7 @@ Copyright (c) 2015 Daniel Eden
2820
2911
  transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2821
2912
  }
2822
2913
 
2823
- 100% {
2914
+ to {
2824
2915
  opacity: 0;
2825
2916
  -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2826
2917
  transform: scale(.1) translate3d(-2000px, 0, 0);
@@ -2836,7 +2927,7 @@ Copyright (c) 2015 Daniel Eden
2836
2927
  transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2837
2928
  }
2838
2929
 
2839
- 100% {
2930
+ to {
2840
2931
  opacity: 0;
2841
2932
  -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2842
2933
  transform: scale(.1) translate3d(-2000px, 0, 0);
@@ -2857,7 +2948,7 @@ Copyright (c) 2015 Daniel Eden
2857
2948
  transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2858
2949
  }
2859
2950
 
2860
- 100% {
2951
+ to {
2861
2952
  opacity: 0;
2862
2953
  -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2863
2954
  transform: scale(.1) translate3d(2000px, 0, 0);
@@ -2873,7 +2964,7 @@ Copyright (c) 2015 Daniel Eden
2873
2964
  transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2874
2965
  }
2875
2966
 
2876
- 100% {
2967
+ to {
2877
2968
  opacity: 0;
2878
2969
  -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2879
2970
  transform: scale(.1) translate3d(2000px, 0, 0);
@@ -2896,7 +2987,7 @@ Copyright (c) 2015 Daniel Eden
2896
2987
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2897
2988
  }
2898
2989
 
2899
- 100% {
2990
+ to {
2900
2991
  opacity: 0;
2901
2992
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2902
2993
  transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
@@ -2916,7 +3007,7 @@ Copyright (c) 2015 Daniel Eden
2916
3007
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2917
3008
  }
2918
3009
 
2919
- 100% {
3010
+ to {
2920
3011
  opacity: 0;
2921
3012
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2922
3013
  transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
@@ -2933,26 +3024,26 @@ Copyright (c) 2015 Daniel Eden
2933
3024
  }
2934
3025
 
2935
3026
  @-webkit-keyframes slideInDown {
2936
- 0% {
3027
+ from {
2937
3028
  -webkit-transform: translate3d(0, -100%, 0);
2938
3029
  transform: translate3d(0, -100%, 0);
2939
3030
  visibility: visible;
2940
3031
  }
2941
3032
 
2942
- 100% {
3033
+ to {
2943
3034
  -webkit-transform: translate3d(0, 0, 0);
2944
3035
  transform: translate3d(0, 0, 0);
2945
3036
  }
2946
3037
  }
2947
3038
 
2948
3039
  @keyframes slideInDown {
2949
- 0% {
3040
+ from {
2950
3041
  -webkit-transform: translate3d(0, -100%, 0);
2951
3042
  transform: translate3d(0, -100%, 0);
2952
3043
  visibility: visible;
2953
3044
  }
2954
3045
 
2955
- 100% {
3046
+ to {
2956
3047
  -webkit-transform: translate3d(0, 0, 0);
2957
3048
  transform: translate3d(0, 0, 0);
2958
3049
  }
@@ -2964,26 +3055,26 @@ Copyright (c) 2015 Daniel Eden
2964
3055
  }
2965
3056
 
2966
3057
  @-webkit-keyframes slideInLeft {
2967
- 0% {
3058
+ from {
2968
3059
  -webkit-transform: translate3d(-100%, 0, 0);
2969
3060
  transform: translate3d(-100%, 0, 0);
2970
3061
  visibility: visible;
2971
3062
  }
2972
3063
 
2973
- 100% {
3064
+ to {
2974
3065
  -webkit-transform: translate3d(0, 0, 0);
2975
3066
  transform: translate3d(0, 0, 0);
2976
3067
  }
2977
3068
  }
2978
3069
 
2979
3070
  @keyframes slideInLeft {
2980
- 0% {
3071
+ from {
2981
3072
  -webkit-transform: translate3d(-100%, 0, 0);
2982
3073
  transform: translate3d(-100%, 0, 0);
2983
3074
  visibility: visible;
2984
3075
  }
2985
3076
 
2986
- 100% {
3077
+ to {
2987
3078
  -webkit-transform: translate3d(0, 0, 0);
2988
3079
  transform: translate3d(0, 0, 0);
2989
3080
  }
@@ -2995,26 +3086,26 @@ Copyright (c) 2015 Daniel Eden
2995
3086
  }
2996
3087
 
2997
3088
  @-webkit-keyframes slideInRight {
2998
- 0% {
3089
+ from {
2999
3090
  -webkit-transform: translate3d(100%, 0, 0);
3000
3091
  transform: translate3d(100%, 0, 0);
3001
3092
  visibility: visible;
3002
3093
  }
3003
3094
 
3004
- 100% {
3095
+ to {
3005
3096
  -webkit-transform: translate3d(0, 0, 0);
3006
3097
  transform: translate3d(0, 0, 0);
3007
3098
  }
3008
3099
  }
3009
3100
 
3010
3101
  @keyframes slideInRight {
3011
- 0% {
3102
+ from {
3012
3103
  -webkit-transform: translate3d(100%, 0, 0);
3013
3104
  transform: translate3d(100%, 0, 0);
3014
3105
  visibility: visible;
3015
3106
  }
3016
3107
 
3017
- 100% {
3108
+ to {
3018
3109
  -webkit-transform: translate3d(0, 0, 0);
3019
3110
  transform: translate3d(0, 0, 0);
3020
3111
  }
@@ -3026,26 +3117,26 @@ Copyright (c) 2015 Daniel Eden
3026
3117
  }
3027
3118
 
3028
3119
  @-webkit-keyframes slideInUp {
3029
- 0% {
3120
+ from {
3030
3121
  -webkit-transform: translate3d(0, 100%, 0);
3031
3122
  transform: translate3d(0, 100%, 0);
3032
3123
  visibility: visible;
3033
3124
  }
3034
3125
 
3035
- 100% {
3126
+ to {
3036
3127
  -webkit-transform: translate3d(0, 0, 0);
3037
3128
  transform: translate3d(0, 0, 0);
3038
3129
  }
3039
3130
  }
3040
3131
 
3041
3132
  @keyframes slideInUp {
3042
- 0% {
3133
+ from {
3043
3134
  -webkit-transform: translate3d(0, 100%, 0);
3044
3135
  transform: translate3d(0, 100%, 0);
3045
3136
  visibility: visible;
3046
3137
  }
3047
3138
 
3048
- 100% {
3139
+ to {
3049
3140
  -webkit-transform: translate3d(0, 0, 0);
3050
3141
  transform: translate3d(0, 0, 0);
3051
3142
  }
@@ -3057,12 +3148,12 @@ Copyright (c) 2015 Daniel Eden
3057
3148
  }
3058
3149
 
3059
3150
  @-webkit-keyframes slideOutDown {
3060
- 0% {
3151
+ from {
3061
3152
  -webkit-transform: translate3d(0, 0, 0);
3062
3153
  transform: translate3d(0, 0, 0);
3063
3154
  }
3064
3155
 
3065
- 100% {
3156
+ to {
3066
3157
  visibility: hidden;
3067
3158
  -webkit-transform: translate3d(0, 100%, 0);
3068
3159
  transform: translate3d(0, 100%, 0);
@@ -3070,12 +3161,12 @@ Copyright (c) 2015 Daniel Eden
3070
3161
  }
3071
3162
 
3072
3163
  @keyframes slideOutDown {
3073
- 0% {
3164
+ from {
3074
3165
  -webkit-transform: translate3d(0, 0, 0);
3075
3166
  transform: translate3d(0, 0, 0);
3076
3167
  }
3077
3168
 
3078
- 100% {
3169
+ to {
3079
3170
  visibility: hidden;
3080
3171
  -webkit-transform: translate3d(0, 100%, 0);
3081
3172
  transform: translate3d(0, 100%, 0);
@@ -3088,12 +3179,12 @@ Copyright (c) 2015 Daniel Eden
3088
3179
  }
3089
3180
 
3090
3181
  @-webkit-keyframes slideOutLeft {
3091
- 0% {
3182
+ from {
3092
3183
  -webkit-transform: translate3d(0, 0, 0);
3093
3184
  transform: translate3d(0, 0, 0);
3094
3185
  }
3095
3186
 
3096
- 100% {
3187
+ to {
3097
3188
  visibility: hidden;
3098
3189
  -webkit-transform: translate3d(-100%, 0, 0);
3099
3190
  transform: translate3d(-100%, 0, 0);
@@ -3101,12 +3192,12 @@ Copyright (c) 2015 Daniel Eden
3101
3192
  }
3102
3193
 
3103
3194
  @keyframes slideOutLeft {
3104
- 0% {
3195
+ from {
3105
3196
  -webkit-transform: translate3d(0, 0, 0);
3106
3197
  transform: translate3d(0, 0, 0);
3107
3198
  }
3108
3199
 
3109
- 100% {
3200
+ to {
3110
3201
  visibility: hidden;
3111
3202
  -webkit-transform: translate3d(-100%, 0, 0);
3112
3203
  transform: translate3d(-100%, 0, 0);
@@ -3119,12 +3210,12 @@ Copyright (c) 2015 Daniel Eden
3119
3210
  }
3120
3211
 
3121
3212
  @-webkit-keyframes slideOutRight {
3122
- 0% {
3213
+ from {
3123
3214
  -webkit-transform: translate3d(0, 0, 0);
3124
3215
  transform: translate3d(0, 0, 0);
3125
3216
  }
3126
3217
 
3127
- 100% {
3218
+ to {
3128
3219
  visibility: hidden;
3129
3220
  -webkit-transform: translate3d(100%, 0, 0);
3130
3221
  transform: translate3d(100%, 0, 0);
@@ -3132,12 +3223,12 @@ Copyright (c) 2015 Daniel Eden
3132
3223
  }
3133
3224
 
3134
3225
  @keyframes slideOutRight {
3135
- 0% {
3226
+ from {
3136
3227
  -webkit-transform: translate3d(0, 0, 0);
3137
3228
  transform: translate3d(0, 0, 0);
3138
3229
  }
3139
3230
 
3140
- 100% {
3231
+ to {
3141
3232
  visibility: hidden;
3142
3233
  -webkit-transform: translate3d(100%, 0, 0);
3143
3234
  transform: translate3d(100%, 0, 0);
@@ -3150,12 +3241,12 @@ Copyright (c) 2015 Daniel Eden
3150
3241
  }
3151
3242
 
3152
3243
  @-webkit-keyframes slideOutUp {
3153
- 0% {
3244
+ from {
3154
3245
  -webkit-transform: translate3d(0, 0, 0);
3155
3246
  transform: translate3d(0, 0, 0);
3156
3247
  }
3157
3248
 
3158
- 100% {
3249
+ to {
3159
3250
  visibility: hidden;
3160
3251
  -webkit-transform: translate3d(0, -100%, 0);
3161
3252
  transform: translate3d(0, -100%, 0);
@@ -3163,12 +3254,12 @@ Copyright (c) 2015 Daniel Eden
3163
3254
  }
3164
3255
 
3165
3256
  @keyframes slideOutUp {
3166
- 0% {
3257
+ from {
3167
3258
  -webkit-transform: translate3d(0, 0, 0);
3168
3259
  transform: translate3d(0, 0, 0);
3169
3260
  }
3170
3261
 
3171
- 100% {
3262
+ to {
3172
3263
  visibility: hidden;
3173
3264
  -webkit-transform: translate3d(0, -100%, 0);
3174
3265
  transform: translate3d(0, -100%, 0);
@@ -3178,4 +3269,4 @@ Copyright (c) 2015 Daniel Eden
3178
3269
  .slideOutUp {
3179
3270
  -webkit-animation-name: slideOutUp;
3180
3271
  animation-name: slideOutUp;
3181
- }
3272
+ }