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 {
--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 {