diff --git a/src/components/sprite-selector/sprite-selector.css b/src/components/sprite-selector/sprite-selector.css index f23e36024d589a56c7fc91126ef6ff21f6c64b2a..964d8684799e075c1e292f2e4f29ad9a322f0016 100644 --- a/src/components/sprite-selector/sprite-selector.css +++ b/src/components/sprite-selector/sprite-selector.css @@ -75,8 +75,8 @@ .raised:hover { -webkit-animation-name: wiggle; -ms-animation-name: wiggle; - -ms-animation-duration: 1000ms; - -webkit-animation-duration: 1000ms; + -ms-animation-duration: 500ms; + -webkit-animation-duration: 500ms; -webkit-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; @@ -84,25 +84,25 @@ } @-webkit-keyframes wiggle { - 0% {-webkit-transform: rotate(10deg);} - 25% {-webkit-transform: rotate(-10deg);} - 50% {-webkit-transform: rotate(20deg);} - 75% {-webkit-transform: rotate(-5deg);} + 0% {-webkit-transform: rotate(3deg);} + 25% {-webkit-transform: rotate(-3deg);} + 50% {-webkit-transform: rotate(5deg);} + 75% {-webkit-transform: rotate(-2deg);} 100% {-webkit-transform: rotate(0deg);} } @-ms-keyframes wiggle { - 0% {-ms-transform: rotate(1deg);} - 25% {-ms-transform: rotate(-1deg);} - 50% {-ms-transform: rotate(1.5deg);} - 75% {-ms-transform: rotate(-5deg);} + 0% {-ms-transform: rotate(3deg);} + 25% {-ms-transform: rotate(-3deg);} + 50% {-ms-transform: rotate(5deg);} + 75% {-ms-transform: rotate(-2deg);} 100% {-ms-transform: rotate(0deg);} } @keyframes wiggle { - 0% {transform: rotate(10deg);} - 25% {transform: rotate(-10deg);} - 50% {transform: rotate(20deg);} - 75% {transform: rotate(-5deg);} + 0% {transform: rotate(3deg);} + 25% {transform: rotate(-3deg);} + 50% {transform: rotate(5deg);} + 75% {transform: rotate(-2deg);} 100% {transform: rotate(0deg);} } \ No newline at end of file