Update transition speed and opacity in styles.css

BumpyClock · Jan 26, 2024 · 5253329 · 5253329
1 parent 2c7f89a
commit 5253329
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/styles.css b/src/styles.css
@@ -194,7 +194,7 @@ body > :not(.background-image-container)::selection {
   width: 100%;
   height: 100%;
   opacity: .2;
-  transition: var(--transition-slow)
+  transition: var(--transition-fast)
 }
 .card .card-bg img {
   position: absolute;
@@ -204,9 +204,9 @@ body > :not(.background-image-container)::selection {
   height: 120%;
   filter: blur(60px) brightness(1.5);
   z-index: -2;
-  opacity: .7;
+  opacity: .35;
   transform: scale(1.4);
-  transition: var(--transition-slow)
+  transition: var(--transition-fast)
 }
 @media screen and (prefers-color-scheme:dark) {
   .card .card-bg img {
@@ -273,7 +273,8 @@ body > :not(.background-image-container)::selection {
   background-position: center center;
   object-fit: contain;
   transform-origin: center;
-  border-radius: 24px
+  border-radius: 24px;
+  transform: var(--transition-fast);
 }
 .card:hover .image-container {
   border-radius: 24px 24px 0 0