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

add shadow to card

Browse Source
This commit is contained in:
legonzaur
2024-05-03 00:35:07 +02:00
parent c13f9de65e
commit 8eb6cc3e77
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/CardPreview.vue
+13 -1
View File
@@ -66,13 +66,25 @@ onBeforeUpdate(() => {
cursor: pointer cursor: pointer
} }
.card_image {
max-height: 250px;
transition: filter .125s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: margin .125s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform .125s cubic-bezier(0.075, 0.82, 0.165, 1);
margin-top: 15px;
margin-bottom: 0px
}
.card_image.outlined { .card_image.outlined {
outline: 2px solid red; outline: 2px solid red;
outline-offset: -2px; outline-offset: -2px;
} }
.card_image.locked { .card_image.locked {
filter: brightness(0.5); /* filter: brightness(0.5); */
filter: drop-shadow(5px 15px 2px rgba(0, 0, 0, .60));
margin-top: 0px;
margin-bottom: 15px;
} }
.card.wrapped { .card.wrapped {