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.
svelte/test/runtime/samples/transition-css-deferred-rem.../main.html

29 lines
382 B

<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>
{#if visible}
<span class='outer' out:foo>
<span class='inner' out:bar>
double transition
</span>
</span>
{/if}