heronfief/front
3
1
Fork 0
Code Issues 44 Pull Requests 1 Actions Packages Projects Releases 1 Activity

Feat : more animations and transitions easing

Browse Source
This commit is contained in:
legonzaur
2024-05-24 13:14:19 +02:00
parent b2a3d4f701
commit df6d77b870
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/CardPreview.vue
+2 -4
View File
@@ -76,13 +76,12 @@ onMounted(() => {
.card { .card {
--max-height: 250px; --max-height: 250px;
--margin-bottom: calc(var(--max-height) * 0.05); --margin-bottom: calc(var(--max-height) * 0.05);
transition: 0.025s rotate linear;
max-width: 256px; max-width: 256px;
position: relative; position: relative;
display: flex; display: flex;
margin-bottom: 0px; margin-bottom: 0px;
margin-top: var(--margin-bottom); 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; isolation: isolate;
pointer-events: all; pointer-events: all;
max-height: var(--max-height); max-height: var(--max-height);
@@ -94,7 +93,6 @@ onMounted(() => {
.card_image { .card_image {
max-height: var(--max-height); max-height: var(--max-height);
transition: all .125s cubic-bezier(0.075, 0.82, 0.165, 1);
z-index: 1; z-index: 1;
} }
@@ -141,7 +139,7 @@ onMounted(() => {
bottom: 0; bottom: 0;
width: 99%; width: 99%;
transform: translateY(-0px); 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 { .card.active:hover #contextMenuButtons {