studio-variable/world-game
3
0
Fork 0
Code Issues 9 Pull requests Projects Releases Packages Wiki Activity Actions

finish portfolio animation without box shadow - related #20
All checks were successful
Deploy / Deploy to Production (push) Successful in 18s
Details

Browse source
This commit is contained in:
isUnknown 2026-03-21 12:54:33 +01:00
parent 436772502b
commit 4538392003
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/ui/GalleryAnimation.svelte
View file

@ -29,7 +29,7 @@
<div
class="gallery-animation gallery-animation--vertical"
style="--gallery-duration: {columns[0]?.duration ?? 24}s{backgroundColor ? `; --background-color: ${backgroundColor}` : ''}{backgroundImage ? `; --background-image: url(${backgroundImage})` : ''}"
style="--gallery-duration: {columns[0]?.duration ?? 24}s{backgroundColor ? `; --background-color: ${backgroundColor}` : ''}{backgroundImage ? `; --gallery-background-image: url(${backgroundImage})` : ''}"
>
<div class="gallery-animation__overlay"></div>
{#each columns as col}
@ -68,8 +68,8 @@
height: 100%;
overflow: hidden;
background-color: var(--background-color, transparent);
background-image: var(--background-image);
opacity: .7;
background-image: var(--gallery-background-image);
opacity: .8;
}
/* Vertical mode (Portfolio) */
@ -105,12 +105,12 @@
animation-duration: var(--gallery-duration);
}
/* .gallery-animation__overlay {
.gallery-animation__overlay {
position: absolute;
inset: 0;
background-color: #000;
opacity: .5;
} */
}
:global(.gallery-animation__image) {
width: 100%;