Robot
/
animate.css
mirror of https://github.com/animate-css/animate.css.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

MODIFIED: Renamed vibrate to wiggle 

Signed-off-by: angelorohit <angelorohit@gmail.com>
This commit is contained in:
angelorohit 2012-05-12 17:25:49 +08:00
parent 2984b7c050
commit a7f45ca7bd
2 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
animate.css vendored
View File

@ -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 */
@-webkit-keyframes vibrate {
@-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
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); }
}
@-moz-keyframes vibrate {
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
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); }
}
@-ms-keyframes vibrate {
@-ms-keyframes wiggle {
0% { -ms-transform: skewX(9deg); }
10% { -ms-transform: skewX(-8deg); }
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); }
}
@-o-keyframes vibrate {
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
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); }
}
@keyframes vibrate {
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
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); }
}
.vibrate {
-webkit-animation-name: vibrate;
-moz-animation-name: vibrate;
-ms-animation-name: vibrate;
-o-animation-name: vibrate;
animation-name: vibrate;
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-ms-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-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;
}
.animated.vibrate {
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-ms-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
.animated.wiggle {
-webkit-animation-duration: 0.75s;
-moz-animation-duration: 0.75s;
-ms-animation-duration: 0.75s;
-o-animation-duration: 0.75s;
animation-duration: 0.75s;
}

22
source/vibrate.css → source/wiggle.css
View File

@ -1,4 +1,4 @@
@-webkit-keyframes vibrate {
@-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
@ -12,7 +12,7 @@
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes vibrate {
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
@ -26,7 +26,7 @@
100% { -moz-transform: skewX(0deg); }
}
@-ms-keyframes vibrate {
@-ms-keyframes wiggle {
0% { -ms-transform: skewX(9deg); }
10% { -ms-transform: skewX(-8deg); }
20% { -ms-transform: skewX(7deg); }
@ -40,7 +40,7 @@
100% { -ms-transform: skewX(0deg); }
}
@-o-keyframes vibrate {
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
@ -54,7 +54,7 @@
100% { -o-transform: skewX(0deg); }
}
@keyframes vibrate {
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
@ -68,12 +68,12 @@
100% { transform: skewX(0deg); }
}
.vibrate {
-webkit-animation-name: vibrate;
-moz-animation-name: vibrate;
-ms-animation-name: vibrate;
-o-animation-name: vibrate;
animation-name: vibrate;
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-ms-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;