diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-13 03:34:12 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-13 03:34:12 +0800 |
| commit | 885c22676bd719cfd4f54883de0ebc8567585b9a (patch) | |
| tree | adc01b0c0f335a2b316a57ce14084730b1a5847e /packages/website/ts/@next/pages/instant.tsx | |
| parent | 723dd2bcde0a3c8277be7a000657f4acde0dfa4e (diff) | |
| download | dexon-sol-tools-885c22676bd719cfd4f54883de0ebc8567585b9a.tar.gz dexon-sol-tools-885c22676bd719cfd4f54883de0ebc8567585b9a.tar.zst dexon-sol-tools-885c22676bd719cfd4f54883de0ebc8567585b9a.zip | |
Tests landing page animation WIP
Diffstat (limited to 'packages/website/ts/@next/pages/instant.tsx')
| -rw-r--r-- | packages/website/ts/@next/pages/instant.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx index 34dd83f1e..a16640b54 100644 --- a/packages/website/ts/@next/pages/instant.tsx +++ b/packages/website/ts/@next/pages/instant.tsx @@ -137,7 +137,8 @@ const MarqueeWrap = styled.div` width: 5485px; height: 380px; display: flex; - animation: ${scroll} 20s linear infinite; + animation: ${scroll} 30s linear infinite; + will-change: transform; img { width: auto; @@ -154,7 +155,8 @@ const Card = styled.div` display: inline-block; opacity: 0; transform: translateY(10px); - animation: ${fadeUp} 0.5s ${props => `${props.index * 0.05}s`} forwards; + will-change: opacity, transform; + animation: ${fadeUp} 0.75s ${props => `${props.index * 0.05}s`} forwards; & + & { margin-left: 15px; |