Skip to content
Snippets Groups Projects
Commit 14aedcec authored by Paul Kaplan's avatar Paul Kaplan
Browse files

Refactor sprite hover animation to use auto prefixer

parent c8baa2c5
Branches
Tags
No related merge requests found
......@@ -79,33 +79,13 @@
}
.raised:hover {
-webkit-animation-name: wiggle;
-ms-animation-name: wiggle;
-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;
-ms-animation-timing-function: ease-in-out;
animation-name: wiggle;
animation-duration: 500ms;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
background-color: #8cbcff;
}
@-webkit-keyframes wiggle {
0% {-webkit-transform: rotate(3deg) scale(1.05);}
25% {-webkit-transform: rotate(-3deg) scale(1.05);}
50% {-webkit-transform: rotate(5deg) scale(1.05);}
75% {-webkit-transform: rotate(-2deg) scale(1.05);}
100% {-webkit-transform: rotate(0deg) scale(1.05);}
}
@-ms-keyframes wiggle {
0% {-ms-transform: rotate(3deg) scale(1.05);}
25% {-ms-transform: rotate(-3deg) scale(1.05);}
50% {-ms-transform: rotate(5deg) scale(1.05);}
75% {-ms-transform: rotate(-2deg) scale(1.05);}
100% {-ms-transform: rotate(0deg) scale(1.05);}
}
@keyframes wiggle {
0% {transform: rotate(3deg) scale(1.05);}
25% {transform: rotate(-3deg) scale(1.05);}
......@@ -115,30 +95,9 @@
}
.receivedBlocks {
-webkit-animation: glowing 250ms;
-moz-animation: glowing 250ms;
-o-animation: glowing 250ms;
animation: glowing 250ms;
}
@-webkit-keyframes glowing {
10% { -webkit-box-shadow: 0 0 10px #7fff1e; }
90% { -webkit-box-shadow: 0 0 10px #7fff1e; }
100% { -webkit-box-shadow: none; }
}
@-moz-keyframes glowing {
10% { -moz-box-shadow: 0 0 10px #7fff1e; }
90% { -moz-box-shadow: 0 0 10px #7fff1e; }
100% { -moz-box-shadow: none; }
}
@-o-keyframes glowing {
10% { box-shadow: 0 0 10px #7fff1e; }
90% { box-shadow: 0 0 10px #7fff1e; }
100% { box-shadow: none; }
}
@keyframes glowing {
10% { box-shadow: 0 0 10px #7fff1e; }
90% { box-shadow: 0 0 10px #7fff1e; }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment