LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-06 04:22:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: play around with animation timings

Browse Source
This commit is contained in:
Torsten Dittmann
2023-09-25 21:05:28 +02:00
parent c9a3a3022d
commit d1090ca473
5 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/animations/Products/Products.svelte
View File

@@ -190,7 +190,7 @@
out:fly={{ duration: 250, y: -300 }}
in:fly={{ duration: 250, delay: 250, y: -300 }}
>
{#if scrollInfo.percentage > 0}
{#if scrollInfo.percentage > -0.15}
<span class="aw-badges aw-eyebrow" transition:slide={{ axis: 'x' }}>Products_</span>
<h2 class="aw-display" transition:fly={{ y: 16, delay: 250 }}>
@@ -360,7 +360,7 @@
padding-inline: 1.25rem;
width: 100%;
height: 80vh;
height: 100vh;
> .main-text {
position: absolute;
@@ -430,7 +430,7 @@
}
&:not(:last-child)[data-active] {
padding-block-end: 4.25rem;
// padding-block-end: 4.25rem;
}
transition: 100ms ease;