[Fix developedbyed#17] Smooth animation when entering card

rikdewit · Jan 21, 2021 · efce1d2 · efce1d2
1 parent 88dad0d
commit efce1d2
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/app.js b/app.js
@@ -16,7 +16,8 @@ container.addEventListener("mousemove", (e) => {
 });
 //Animate In
 container.addEventListener("mouseenter", (e) => {
-  card.style.transition = "none";
+  card.style.transition = "all 0.1s ease";
+  setTimeout(() => card.style.transition = "none", 100);
   //Popout
   title.style.transform = "translateZ(150px)";
   sneaker.style.transform = "translateZ(200px) rotateZ(-45deg)";