<script>
let display = false;
setInterval(() => display = !display, 2000);
function uppercase(node, params) {
const text = node.textContent;
return {
duration: 1500,
easing: t => t,
tick: t => {
const length = Math.floor(t * text.length);
node.textContent = text.slice(0, length).toUpperCase() + text.slice(length + 1);
}
}
}
let name = 'world';
</script>
{#if display}
<h1 transition:uppercase>this is an amazing transition</h1>
{/if}