mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
382 B
29 lines
382 B
6 years ago
|
<script>
|
||
|
export let visible;
|
||
|
|
||
|
function foo(node) {
|
||
|
return {
|
||
|
duration: 200,
|
||
|
css: t => {
|
||
|
return `opacity: ${t}`;
|
||
|
}
|
||
|
};
|
||
|
}
|
||
|
|
||
|
function bar(node) {
|
||
|
return {
|
||
|
duration: 100,
|
||
|
css: t => {
|
||
|
return `left: ${t * 100}px`;
|
||
|
}
|
||
|
};
|
||
|
}
|
||
|
</script>
|
||
|
|
||
6 years ago
|
{#if visible}
|
||
|
<span class='outer' out:foo>
|
||
|
<span class='inner' out:bar>
|
||
|
double transition
|
||
|
</span>
|
||
|
</span>
|
||
6 years ago
|
{/if}
|