diff --git a/animate.css b/animate.css index 065b80a..a2aa169 100644 --- a/animate.css +++ b/animate.css @@ -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; } diff --git a/source/vibrate.css b/source/wiggle.css similarity index 88% rename from source/vibrate.css rename to source/wiggle.css index dc2ec4b..ccd8dde 100644 --- a/source/vibrate.css +++ b/source/wiggle.css @@ -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;