fix(playlist): smooth transition on hover

- Fix transition to work smoothly on hover
jwplayer · Jun 21, 2022 · 0ab070f · 0ab070f
1 parent e2e103f
commit 0ab070f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/DynamicBlur/DynamicBlur.module.scss b/src/components/DynamicBlur/DynamicBlur.module.scss
@@ -11,5 +11,5 @@
   background-position: center center;
   background-size: cover;
   opacity: 0;
-  filter: blur(30px);
+  filter: blur(30px) brightness(60%);
 }
diff --git a/src/components/DynamicBlur/DynamicBlur.tsx b/src/components/DynamicBlur/DynamicBlur.tsx
@@ -25,13 +25,13 @@ const DynamicBlur = ({ url, transitionTime = 1, debounceTime = 350 }: Props): JS
       }
       if (currentImg !== 1) {
         firstImage.current.style.backgroundImage = `url('${url}')`;
-        firstImage.current.style.opacity = '0.3';
+        firstImage.current.style.opacity = '1';
         secondImage.current.style.opacity = '0';
         return setCurrentImg(1);
       } else {
         secondImage.current.style.backgroundImage = `url('${url}')`;
         firstImage.current.style.opacity = '0';
-        secondImage.current.style.opacity = '0.3';
+        secondImage.current.style.opacity = '1';
         return setCurrentImg(2);
       }
     };