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 <div
class="gallery-animation gallery-animation--vertical" 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> <div class="gallery-animation__overlay"></div>
{#each columns as col} {#each columns as col}
@ -68,8 +68,8 @@
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
background-color: var(--background-color, transparent); background-color: var(--background-color, transparent);
background-image: var(--background-image); background-image: var(--gallery-background-image);
opacity: .7; opacity: .8;
} }
/* Vertical mode (Portfolio) */ /* Vertical mode (Portfolio) */
@ -105,12 +105,12 @@
animation-duration: var(--gallery-duration); animation-duration: var(--gallery-duration);
} }
/* .gallery-animation__overlay { .gallery-animation__overlay {
position: absolute; position: absolute;
inset: 0; inset: 0;
background-color: #000; background-color: #000;
opacity: .5; opacity: .5;
} */ }
:global(.gallery-animation__image) { :global(.gallery-animation__image) {
width: 100%; width: 100%;