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

relative units

Browse Source
This commit is contained in:
tglide
2023-09-11 12:25:51 +01:00
parent 1e0e6d3e48
commit 13c4972b06
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/lib/animations/OpenSource.svelte
View File

@@ -19,7 +19,7 @@
mobile: animation('#oss-discord', { x: [-1200, 0], y: 0, rotate: 1 }, animationOptions), mobile: animation('#oss-discord', { x: [-1200, 0], y: 0, rotate: 1 }, animationOptions),
desktop: animation( desktop: animation(
'#oss-discord', '#oss-discord',
{ x: [-100, 20], y: [0, -1030], rotate: 15 }, { x: [-100, 20], y: ['0vh', '-80vh'], rotate: 15 },
animationOptions animationOptions
) )
}, },
@@ -27,7 +27,7 @@
mobile: animation('#oss-github', { x: [-1200, 0], y: -10, rotate: -2 }, animationOptions), mobile: animation('#oss-github', { x: [-1200, 0], y: -10, rotate: -2 }, animationOptions),
desktop: animation( desktop: animation(
'#oss-github', '#oss-github',
{ rotate: 6.26, x: [0, -100], y: [0, -707] }, { rotate: 6.26, x: [0, -100], y: ['0vh', '-55vh'] },
animationOptions animationOptions
) )
}, },
@@ -35,7 +35,9 @@
mobile: animation('#oss-twitter', { x: [-1200, 0], y: 10, rotate: -3 }, animationOptions), mobile: animation('#oss-twitter', { x: [-1200, 0], y: 10, rotate: -3 }, animationOptions),
desktop: animation( desktop: animation(
'#oss-twitter', '#oss-twitter',
{ rotate: -15, x: [0, 100], y: [0, -900] },
{ rotate: -15, x: [0, 100], y: ['0vh', '-70vh'] },
animationOptions animationOptions
) )
}, },
@@ -43,7 +45,7 @@
mobile: animation('#oss-youtube', { x: [-1200, 0], y: 5, rotate: 2 }, animationOptions), mobile: animation('#oss-youtube', { x: [-1200, 0], y: 5, rotate: 2 }, animationOptions),
desktop: animation( desktop: animation(
'#oss-youtube', '#oss-youtube',
{ rotate: -3.77, x: [0, -100], y: [0, -770] }, { rotate: -3.77, x: [0, -100], y: ['0vh', '-55vh'] },
animationOptions animationOptions
) )
}, },
@@ -51,7 +53,7 @@
mobile: animation('#oss-commits', { x: [-1200, 0], y: -4, rotate: -1 }, animationOptions), mobile: animation('#oss-commits', { x: [-1200, 0], y: -4, rotate: -1 }, animationOptions),
desktop: animation( desktop: animation(
'#oss-commits', '#oss-commits',
{ rotate: -10.2, x: [0, 100], y: [0, -1030] }, { rotate: -10.2, x: [0, 100], y: ['0vh', '-80vh'] },
animationOptions animationOptions
) )
} }