We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 3a9e824 commit c88ec1dCopy full SHA for c88ec1d
src/TodoItem.svelte
@@ -2,9 +2,7 @@
2
import { createEventDispatcher } from 'svelte'
3
import { tweened } from 'svelte/motion';
4
import { cubicOut } from 'svelte/easing';
5
- import { fade } from 'svelte/transition';
6
- // import custom transition
7
- import { custom } from './transition'
+ import { fly, fade } from 'svelte/transition';
8
import { interpolateLab } from 'd3-interpolate';
9
10
const dispatch = createEventDispatcher()
@@ -33,9 +31,8 @@
33
31
}
34
32
</script>
35
36
-<!-- apply custom -->
37
<div
38
- in:custom="{{ duration: 3000 }}"
+ in:fly="{{ y: 200, duration: 500 }}"
39
out:fade
40
class="main-container"
41
>
0 commit comments