mirror of
https://github.com/LukeHagar/website.git
synced 2025-12-09 12:57:48 +00:00
update images
This commit is contained in:
@@ -1,22 +1,22 @@
|
||||
<script lang="ts">
|
||||
import { classNames } from '$lib/utils/classnames';
|
||||
import { animate, stagger } from 'motion';
|
||||
// import { animate, stagger } from 'motion';
|
||||
|
||||
$effect(() => {
|
||||
animate('.header', { opacity: [0, 1] });
|
||||
animate(
|
||||
'.nav-item',
|
||||
{ y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] },
|
||||
{ delay: stagger(0.125) }
|
||||
);
|
||||
animate('.number', { filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] });
|
||||
animate(
|
||||
'.eyebrow',
|
||||
{ y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] },
|
||||
{ delay: stagger(0.125) }
|
||||
);
|
||||
animate('.chart', { scaleY: [0, 1] }, { duration: 0.25, delay: stagger(0.01) });
|
||||
});
|
||||
// $effect(() => {
|
||||
// animate('.header', { opacity: [0, 1] });
|
||||
// animate(
|
||||
// '.nav-item',
|
||||
// { y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] },
|
||||
// { delay: stagger(0.125) }
|
||||
// );
|
||||
// animate('.number', { filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] });
|
||||
// animate(
|
||||
// '.eyebrow',
|
||||
// { y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] },
|
||||
// { delay: stagger(0.125) }
|
||||
// );
|
||||
// animate('.chart', { scaleY: [0, 1] }, { duration: 0.25, delay: stagger(0.01) });
|
||||
// });
|
||||
</script>
|
||||
|
||||
<div
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 4.0 KiB |
Reference in New Issue
Block a user