Skip to content

Commit b4b6686

Browse files
committed
Updated animate.css and min
1 parent 0826f3d commit b4b6686

3 files changed

Lines changed: 97 additions & 22 deletions

File tree

animate.css

Lines changed: 87 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -484,6 +484,92 @@ Copyright (c) 2015 Daniel Eden
484484
animation-name: wobble;
485485
}
486486

487+
@-webkit-keyframes jello {
488+
11.1% {
489+
-webkit-transform: none;
490+
transform: none
491+
}
492+
22.2% {
493+
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
494+
transform: skewX(-12.5deg) skewY(-12.5deg)
495+
}
496+
33.3% {
497+
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
498+
transform: skewX(6.25deg) skewY(6.25deg)
499+
}
500+
44.4% {
501+
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
502+
transform: skewX(-3.125deg) skewY(-3.125deg)
503+
}
504+
55.5% {
505+
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
506+
transform: skewX(1.5625deg) skewY(1.5625deg)
507+
}
508+
66.6% {
509+
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
510+
transform: skewX(-0.78125deg) skewY(-0.78125deg)
511+
}
512+
77.7% {
513+
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
514+
transform: skewX(0.390625deg) skewY(0.390625deg)
515+
}
516+
88.8% {
517+
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
518+
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
519+
}
520+
100% {
521+
-webkit-transform: none;
522+
transform: none
523+
}
524+
}
525+
526+
@keyframes jello {
527+
11.1% {
528+
-webkit-transform: none;
529+
transform: none
530+
}
531+
22.2% {
532+
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
533+
transform: skewX(-12.5deg) skewY(-12.5deg)
534+
}
535+
33.3% {
536+
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
537+
transform: skewX(6.25deg) skewY(6.25deg)
538+
}
539+
44.4% {
540+
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
541+
transform: skewX(-3.125deg) skewY(-3.125deg)
542+
}
543+
55.5% {
544+
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
545+
transform: skewX(1.5625deg) skewY(1.5625deg)
546+
}
547+
66.6% {
548+
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
549+
transform: skewX(-0.78125deg) skewY(-0.78125deg)
550+
}
551+
77.7% {
552+
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
553+
transform: skewX(0.390625deg) skewY(0.390625deg)
554+
}
555+
88.8% {
556+
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
557+
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
558+
}
559+
100% {
560+
-webkit-transform: none;
561+
transform: none
562+
}
563+
}
564+
565+
.jello{
566+
-webkit-animation-name:jello;
567+
animation-name:jello;
568+
-webkit-transform-origin: center;
569+
570+
transform-origin: center
571+
}
572+
487573
@-webkit-keyframes bounceIn {
488574
0%, 20%, 40%, 60%, 80%, 100% {
489575
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
@@ -3178,4 +3264,4 @@ Copyright (c) 2015 Daniel Eden
31783264
.slideOutUp {
31793265
-webkit-animation-name: slideOutUp;
31803266
animation-name: slideOutUp;
3181-
}
3267+
}

animate.min.css

Lines changed: 1 addition & 6 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

source/attention_seekers/jello.css

Lines changed: 9 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,26 @@
11
@keyframes jello {
2-
0% {
2+
11.1% {
33
transform: none
44
}
5-
10% {
6-
transform: skewX(-50deg) skewY(-50deg)
7-
}
8-
20% {
9-
transform: skewX(25deg) skewY(25deg)
10-
}
11-
30% {
5+
22.2% {
126
transform: skewX(-12.5deg) skewY(-12.5deg)
137
}
14-
40% {
8+
33.3% {
159
transform: skewX(6.25deg) skewY(6.25deg)
1610
}
17-
50% {
11+
44.4% {
1812
transform: skewX(-3.125deg) skewY(-3.125deg)
1913
}
20-
60% {
14+
55.5% {
2115
transform: skewX(1.5625deg) skewY(1.5625deg)
2216
}
23-
70% {
17+
66.6% {
2418
transform: skewX(-0.78125deg) skewY(-0.78125deg)
2519
}
26-
80% {
20+
77.7% {
2721
transform: skewX(0.390625deg) skewY(0.390625deg)
2822
}
29-
90% {
23+
88.8% {
3024
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
3125
}
3226
100% {
@@ -37,4 +31,4 @@
3731
.jello{
3832
animation-name:jello;
3933
transform-origin: center
40-
}
34+
}

0 commit comments

Comments
 (0)