mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-09-22 17:49:34 +00:00
New: Animate item backdrops
This commit is contained in:
@@ -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 {
|
||||||
|
Reference in New Issue
Block a user