bootstrap-growl-rails 3.0.0 → 3.1.3

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.
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
+ }