Reduced animation on startup

DevToys-app · Jun 25, 2024 · ab85c95 · ab85c95
1 parent b61f4e1
commit ab85c95
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/app/dev/DevToys.Blazor/Pages/SubPages/ToolGroup.razor.scss b/src/app/dev/DevToys.Blazor/Pages/SubPages/ToolGroup.razor.scss
@@ -3,7 +3,7 @@
         background-position: 0px 196px; // The height of the hero image
     }
     100% {
-        background-position: 0px 150px;
+        background-position: 0px 175px;
     }
 }
 
@@ -12,7 +12,7 @@
         background-position: 0px 196px; // The height of the hero image
     }
     100% {
-        background-position: 0px 150px;
+        background-position: 0px 175px;
     }
 }
 
@@ -44,8 +44,8 @@
         transform: rotateX(15deg) rotateZ(-15deg) skewX(15deg);
         transform-style: preserve-3d;
         // Animation
-        -webkit-animation: hero-bg-scrolling 2s;
-        animation: hero-bg-scrolling 2s;
+        -webkit-animation: hero-bg-scrolling 1s;
+        animation: hero-bg-scrolling 1s;
         -webkit-animation-timing-function: cubic-bezier(.7,1,.8,1);
         animation-timing-function: cubic-bezier(.7,1,.8,1);
         -webkit-animation-fill-mode: forwards;

diff --git a/src/app/dev/DevToys.Blazor/wwwroot/css/devtoys.g.css b/src/app/dev/DevToys.Blazor/wwwroot/css/devtoys.g.css