|
1 | 1 | <script lang="ts">
|
2 | 2 | import { classNames } from '$lib/utils/classnames';
|
3 |
| - import { animate, stagger } from 'motion'; |
| 3 | + // import { animate, stagger } from 'motion'; |
4 | 4 |
|
5 |
| - $effect(() => { |
6 |
| - animate('.header', { opacity: [0, 1] }); |
7 |
| - animate( |
8 |
| - '.nav-item', |
9 |
| - { y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] }, |
10 |
| - { delay: stagger(0.125) } |
11 |
| - ); |
12 |
| - animate('.number', { filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] }); |
13 |
| - animate( |
14 |
| - '.eyebrow', |
15 |
| - { y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] }, |
16 |
| - { delay: stagger(0.125) } |
17 |
| - ); |
18 |
| - animate('.chart', { scaleY: [0, 1] }, { duration: 0.25, delay: stagger(0.01) }); |
19 |
| - }); |
| 5 | + // $effect(() => { |
| 6 | + // animate('.header', { opacity: [0, 1] }); |
| 7 | + // animate( |
| 8 | + // '.nav-item', |
| 9 | + // { y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] }, |
| 10 | + // { delay: stagger(0.125) } |
| 11 | + // ); |
| 12 | + // animate('.number', { filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] }); |
| 13 | + // animate( |
| 14 | + // '.eyebrow', |
| 15 | + // { y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] }, |
| 16 | + // { delay: stagger(0.125) } |
| 17 | + // ); |
| 18 | + // animate('.chart', { scaleY: [0, 1] }, { duration: 0.25, delay: stagger(0.01) }); |
| 19 | + // }); |
20 | 20 | </script>
|
21 | 21 |
|
22 | 22 | <div
|
|
0 commit comments