Fix: Made the backdrop animation a bit lighter on the media item page

This commit is contained in:
lscambo13
2025-08-07 11:33:08 -07:00
parent f4f78a1bb7
commit 6f11dbc715

View File

@@ -1112,7 +1112,7 @@ html {
top: -30%; top: -30%;
-webkit-mask: var(--itemBackdropMask); -webkit-mask: var(--itemBackdropMask);
mask: var(--itemBackdropMask); mask: var(--itemBackdropMask);
animation: animMoveDown 1s ease-out forwards; animation: animMoveDown .5s ease-out forwards;
height: 45vh; height: 45vh;
} }
@@ -1260,7 +1260,7 @@ html {
.layout-mobile #itemDetailPage:has(.detailImageContainer .card.backdropCard) .itemBackdrop, .layout-mobile #itemDetailPage:has(.detailImageContainer .card.backdropCard) .itemBackdrop,
.layout-mobile #itemDetailPage:has(.detailImageContainer .card .cardImageIcon.album) .itemBackdrop { .layout-mobile #itemDetailPage:has(.detailImageContainer .card .cardImageIcon.album) .itemBackdrop {
animation: animMoveDownSecondaryPage 1s ease-out forwards; animation: animMoveDownSecondaryPage .5s ease-out forwards;
} }
.layout-mobile .cardImageIcon { .layout-mobile .cardImageIcon {
@@ -1385,21 +1385,19 @@ html,
@keyframes animScaleUp { @keyframes animScaleUp {
from { from {
transform: scale(1) translateY(-2.5%); transform: translateY(-2.5%);
opacity: 0; opacity: 0;
filter: var(--blurLarge);
} }
to { to {
transform: scale(1) translateY(0%); transform: translateY(0%);
opacity: 1; opacity: 1;
filter: blur(0);
} }
} }
.backdropImageFadeIn { .backdropImageFadeIn {
transform-origin: bottom center; transform-origin: bottom center;
animation: animScaleUp 1s ease-out forwards; animation: animScaleUp .5s ease-out forwards;
} }
.appfooter { .appfooter {