Skip to content

Commit 8fb466b

Browse files
committed
Slightly tweak css var vals
1 parent 4cf26a6 commit 8fb466b

File tree

1 file changed

+3
-4
lines changed

1 file changed

+3
-4
lines changed

src/lib/FxReveal.svelte

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ $: if (len(src)) {
2424
meta = {}
2525
}
2626
27-
onMount(async () => {
27+
onMount(() => {
2828
mounted = true
2929
if (ref.complete) loaded = true
3030
})
@@ -53,18 +53,17 @@ onMount(async () => {
5353
}
5454
.mounted :global(img) {
5555
opacity: 0;
56-
transform: var(--reveal-transform, scale(1.05));
56+
transform: var(--reveal-transform, scale(1.02));
5757
}
5858
.mounted.reveal :global(img) {
59-
transition: var(--reveal-transition, opacity 1s linear, transform 0.75s ease-out);
59+
transition: var(--reveal-transition, opacity 1s ease-in, transform 0.8s ease-out);
6060
opacity: 1;
6161
transform: scale(1);
6262
}
6363
.lqip {
6464
position: absolute;
6565
inset: 0;
6666
z-index: -1;
67-
transform: var(--reveal-transform, scale(1.05));
6867
}
6968
.lqip::after {
7069
content: '';

0 commit comments

Comments
 (0)