MODIFIED: Renamed vibrate to wiggle
Signed-off-by: angelorohit <angelorohit@gmail.com>
This commit is contained in:
parent
2984b7c050
commit
a7f45ca7bd
|
@ -3922,7 +3922,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||||
|
|
||||||
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
|
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
|
||||||
|
|
||||||
@-webkit-keyframes vibrate {
|
@-webkit-keyframes wiggle {
|
||||||
0% { -webkit-transform: skewX(9deg); }
|
0% { -webkit-transform: skewX(9deg); }
|
||||||
10% { -webkit-transform: skewX(-8deg); }
|
10% { -webkit-transform: skewX(-8deg); }
|
||||||
20% { -webkit-transform: skewX(7deg); }
|
20% { -webkit-transform: skewX(7deg); }
|
||||||
|
@ -3936,7 +3936,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||||
100% { -webkit-transform: skewX(0deg); }
|
100% { -webkit-transform: skewX(0deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@-moz-keyframes vibrate {
|
@-moz-keyframes wiggle {
|
||||||
0% { -moz-transform: skewX(9deg); }
|
0% { -moz-transform: skewX(9deg); }
|
||||||
10% { -moz-transform: skewX(-8deg); }
|
10% { -moz-transform: skewX(-8deg); }
|
||||||
20% { -moz-transform: skewX(7deg); }
|
20% { -moz-transform: skewX(7deg); }
|
||||||
|
@ -3950,7 +3950,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||||
100% { -moz-transform: skewX(0deg); }
|
100% { -moz-transform: skewX(0deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@-ms-keyframes vibrate {
|
@-ms-keyframes wiggle {
|
||||||
0% { -ms-transform: skewX(9deg); }
|
0% { -ms-transform: skewX(9deg); }
|
||||||
10% { -ms-transform: skewX(-8deg); }
|
10% { -ms-transform: skewX(-8deg); }
|
||||||
20% { -ms-transform: skewX(7deg); }
|
20% { -ms-transform: skewX(7deg); }
|
||||||
|
@ -3964,7 +3964,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||||
100% { -ms-transform: skewX(0deg); }
|
100% { -ms-transform: skewX(0deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@-o-keyframes vibrate {
|
@-o-keyframes wiggle {
|
||||||
0% { -o-transform: skewX(9deg); }
|
0% { -o-transform: skewX(9deg); }
|
||||||
10% { -o-transform: skewX(-8deg); }
|
10% { -o-transform: skewX(-8deg); }
|
||||||
20% { -o-transform: skewX(7deg); }
|
20% { -o-transform: skewX(7deg); }
|
||||||
|
@ -3978,7 +3978,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||||
100% { -o-transform: skewX(0deg); }
|
100% { -o-transform: skewX(0deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes vibrate {
|
@keyframes wiggle {
|
||||||
0% { transform: skewX(9deg); }
|
0% { transform: skewX(9deg); }
|
||||||
10% { transform: skewX(-8deg); }
|
10% { transform: skewX(-8deg); }
|
||||||
20% { transform: skewX(7deg); }
|
20% { transform: skewX(7deg); }
|
||||||
|
@ -3992,12 +3992,12 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||||
100% { transform: skewX(0deg); }
|
100% { transform: skewX(0deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
.vibrate {
|
.wiggle {
|
||||||
-webkit-animation-name: vibrate;
|
-webkit-animation-name: wiggle;
|
||||||
-moz-animation-name: vibrate;
|
-moz-animation-name: wiggle;
|
||||||
-ms-animation-name: vibrate;
|
-ms-animation-name: wiggle;
|
||||||
-o-animation-name: vibrate;
|
-o-animation-name: wiggle;
|
||||||
animation-name: vibrate;
|
animation-name: wiggle;
|
||||||
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
-webkit-animation-timing-function: ease-in;
|
||||||
-moz-animation-timing-function: ease-in;
|
-moz-animation-timing-function: ease-in;
|
||||||
|
@ -4006,10 +4006,10 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||||
animation-timing-function: ease-in;
|
animation-timing-function: ease-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
.animated.vibrate {
|
.animated.wiggle {
|
||||||
-webkit-animation-duration: 0.5s;
|
-webkit-animation-duration: 0.75s;
|
||||||
-moz-animation-duration: 0.5s;
|
-moz-animation-duration: 0.75s;
|
||||||
-ms-animation-duration: 0.5s;
|
-ms-animation-duration: 0.75s;
|
||||||
-o-animation-duration: 0.5s;
|
-o-animation-duration: 0.75s;
|
||||||
animation-duration: 0.5s;
|
animation-duration: 0.75s;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
@-webkit-keyframes vibrate {
|
@-webkit-keyframes wiggle {
|
||||||
0% { -webkit-transform: skewX(9deg); }
|
0% { -webkit-transform: skewX(9deg); }
|
||||||
10% { -webkit-transform: skewX(-8deg); }
|
10% { -webkit-transform: skewX(-8deg); }
|
||||||
20% { -webkit-transform: skewX(7deg); }
|
20% { -webkit-transform: skewX(7deg); }
|
||||||
|
@ -12,7 +12,7 @@
|
||||||
100% { -webkit-transform: skewX(0deg); }
|
100% { -webkit-transform: skewX(0deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@-moz-keyframes vibrate {
|
@-moz-keyframes wiggle {
|
||||||
0% { -moz-transform: skewX(9deg); }
|
0% { -moz-transform: skewX(9deg); }
|
||||||
10% { -moz-transform: skewX(-8deg); }
|
10% { -moz-transform: skewX(-8deg); }
|
||||||
20% { -moz-transform: skewX(7deg); }
|
20% { -moz-transform: skewX(7deg); }
|
||||||
|
@ -26,7 +26,7 @@
|
||||||
100% { -moz-transform: skewX(0deg); }
|
100% { -moz-transform: skewX(0deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@-ms-keyframes vibrate {
|
@-ms-keyframes wiggle {
|
||||||
0% { -ms-transform: skewX(9deg); }
|
0% { -ms-transform: skewX(9deg); }
|
||||||
10% { -ms-transform: skewX(-8deg); }
|
10% { -ms-transform: skewX(-8deg); }
|
||||||
20% { -ms-transform: skewX(7deg); }
|
20% { -ms-transform: skewX(7deg); }
|
||||||
|
@ -40,7 +40,7 @@
|
||||||
100% { -ms-transform: skewX(0deg); }
|
100% { -ms-transform: skewX(0deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@-o-keyframes vibrate {
|
@-o-keyframes wiggle {
|
||||||
0% { -o-transform: skewX(9deg); }
|
0% { -o-transform: skewX(9deg); }
|
||||||
10% { -o-transform: skewX(-8deg); }
|
10% { -o-transform: skewX(-8deg); }
|
||||||
20% { -o-transform: skewX(7deg); }
|
20% { -o-transform: skewX(7deg); }
|
||||||
|
@ -54,7 +54,7 @@
|
||||||
100% { -o-transform: skewX(0deg); }
|
100% { -o-transform: skewX(0deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes vibrate {
|
@keyframes wiggle {
|
||||||
0% { transform: skewX(9deg); }
|
0% { transform: skewX(9deg); }
|
||||||
10% { transform: skewX(-8deg); }
|
10% { transform: skewX(-8deg); }
|
||||||
20% { transform: skewX(7deg); }
|
20% { transform: skewX(7deg); }
|
||||||
|
@ -68,12 +68,12 @@
|
||||||
100% { transform: skewX(0deg); }
|
100% { transform: skewX(0deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
.vibrate {
|
.wiggle {
|
||||||
-webkit-animation-name: vibrate;
|
-webkit-animation-name: wiggle;
|
||||||
-moz-animation-name: vibrate;
|
-moz-animation-name: wiggle;
|
||||||
-ms-animation-name: vibrate;
|
-ms-animation-name: wiggle;
|
||||||
-o-animation-name: vibrate;
|
-o-animation-name: wiggle;
|
||||||
animation-name: vibrate;
|
animation-name: wiggle;
|
||||||
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
-webkit-animation-timing-function: ease-in;
|
||||||
-moz-animation-timing-function: ease-in;
|
-moz-animation-timing-function: ease-in;
|
Loading…
Reference in New Issue