New: Animate item backdrops

This commit is contained in:
lscambo13
2025-05-10 09:45:11 -07:00
parent d5e7c02541
commit a6184437ec

View File

@@ -671,9 +671,23 @@ html {
background: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPointAlpha) 100%); background: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPointAlpha) 100%);
} }
.backdropContainer { @keyframes scaleOnce {
scale: 1.125; from {
transform: scale(1) translate(0, 0);
opacity: 0;
}
to {
transform: scale(1.075) translate(2%, -3%);
opacity: 1;
}
}
.backdropImageFadeIn,
.layout-mobile .itemBackdrop {
overflow: hidden; overflow: hidden;
animation: scaleOnce 3s ease-out forwards;
} }
.backdropContainer::after { .backdropContainer::after {