Added animation toggle option

2022-09-17 14:19:25 -07:00
parent a0b3ff5ff6
commit 9d51f4113e
5 changed files with 11 additions and 7 deletions
@@ -51,10 +51,11 @@
  }
 }

-header .navbar {
+header .navbar.animate {
    animation: fade-up 0.5s ease-in;
 }

+
 /* ToolTip */

 .tooltip {
@@ -75,7 +76,7 @@ header .navbar {
    line-height: 2rem;
    max-width: 100%;
 }
-#hero .content {
+#hero .content.animate {
    animation: fade-left 1s ease-out;
 }

@@ -108,7 +109,7 @@ header .navbar {
    opacity: 0.8;
 }

-#hero .image img {
+#hero .image.animate img {
    animation: fade-in 1s ease-out;
    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
    transition: box-shadow 0.3s;