Update animations.css

LinkStackOrg · Jun 9, 2022 · e5aed58 · e5aed58
1 parent 5b83ab5
commit e5aed58
Showing 1 changed file with 4 additions and 84 deletions.
diff --git a/animations.css b/animations.css
@@ -67,96 +67,16 @@
     -webkit-transform:perspective(1px) translateZ(0);
     transform:perspective(1px) translateZ(0);
     box-shadow:0 0 1px rgba(0,0,0,0);
-    -webkit-transition-duration:.3s;
-    transition-duration:.3s;
+    -webkit-transition-duration:.1s;
+    transition-duration:.1s;
     -webkit-transition-property:transform;
     transition-property:transform
 }
 .button-hover:active,.credit-hover:active, 
 .button-hover:focus,.credit-hover:focus, 
 .button-hover:hover,.credit-hover:hover{
-    -webkit-transform:scale(1.1);
-    transform:scale(1.1)
-}
-
-
-/* Icon hover animations
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-
-.icon-hover{
-    display:inline-block;
-    -webkit-transform:perspective(1px) translateZ(0);
-    transform:perspective(1px) translateZ(0);
-    box-shadow:0 0 1px rgba(0,0,0,0);
-    -webkit-transition-duration:.3s;
-    transition-duration:.3s
-}
-.icon-hover .hvr-icon{
-    -webkit-transform:translateZ(0);
-    transform:translateZ(0)
-}
-.icon-hover:active .hvr-icon,.icon-hover:focus .hvr-icon,.icon-hover:hover .hvr-icon{
-    -webkit-animation-name:icon-hover;
-    animation-name:icon-hover;
-    -webkit-animation-duration:1s;
-    animation-duration:1s;
-    -webkit-animation-timing-function:ease-in-out;
-    animation-timing-function:ease-in-out;
-    -webkit-animation-iteration-count:1;
-    animation-iteration-count:1
-}
-
-@-webkit-keyframes icon-hover{
-    16.65%{
-        -webkit-transform:translateY(6px);
-        transform:translateY(6px)
-    }
-    33.3%{
-        -webkit-transform:translateY(-5px);
-        transform:translateY(-5px)
-    }
-    49.95%{
-        -webkit-transform:translateY(4px);
-        transform:translateY(4px)
-    }
-    66.6%{
-        -webkit-transform:translateY(-2px);
-        transform:translateY(-2px)
-    }
-    83.25%{
-        -webkit-transform:translateY(1px);
-        transform:translateY(1px)
-    }
-    100%{
-        -webkit-transform:translateY(0);
-        transform:translateY(0)
-    }
-}
-@keyframes icon-hover{
-    16.65%{
-        -webkit-transform:translateY(6px);
-        transform:translateY(6px)
-    }
-    33.3%{
-        -webkit-transform:translateY(-5px);
-        transform:translateY(-5px)
-    }
-    49.95%{
-        -webkit-transform:translateY(4px);
-        transform:translateY(4px)
-    }
-    66.6%{
-        -webkit-transform:translateY(-2px);
-        transform:translateY(-2px)
-    }
-    83.25%{
-        -webkit-transform:translateY(1px);
-        transform:translateY(1px)
-    }
-    100%{
-        -webkit-transform:translateY(0);
-        transform:translateY(0)
-    }
+    -webkit-transform:scale(1.02);
+    transform:scale(1.02)
 }