From df6d77b8705c438777691f82f25accfef26f9c78 Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Fri, 24 May 2024 13:14:19 +0200
Subject: [PATCH] Feat : more animations and transitions easing

---
 components/CardPreview.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/CardPreview.vue b/components/CardPreview.vue
index ab24abd..e6ba8b3 100644
--- a/components/CardPreview.vue
+++ b/components/CardPreview.vue
@@ -76,13 +76,12 @@ onMounted(() => {
 .card {
     --max-height: 250px;
     --margin-bottom: calc(var(--max-height) * 0.05);
-    transition: 0.025s rotate linear;
     max-width: 256px;
     position: relative;
     display: flex;
     margin-bottom: 0px;
     margin-top: var(--margin-bottom);
-    transition: all .125s cubic-bezier(0.075, 0.82, 0.165, 1);
+    transition: filter .125s cubic-bezier(0.075, 0.82, 0.165, 1), rotate 0.075s cubic-bezier(1, 1.81, .59, 1.42);
     isolation: isolate;
     pointer-events: all;
     max-height: var(--max-height);
@@ -94,7 +93,6 @@ onMounted(() => {
 
 .card_image {
     max-height: var(--max-height);
-    transition: all .125s cubic-bezier(0.075, 0.82, 0.165, 1);
     z-index: 1;
 }
 
@@ -141,7 +139,7 @@ onMounted(() => {
     bottom: 0;
     width: 99%;
     transform: translateY(-0px);
-    transition: 0.1s transform cubic-bezier(0.075, 0.82, 0.165, 1);
+    transition: 0.1s transform cubic-bezier(1, 1.81, .59, 1.42);
 }
 
 .card.active:hover #contextMenuButtons {