mirror of
https://github.com/LukeHagar/website.git
synced 2025-12-06 04:22:07 +00:00
change name
This commit is contained in:
16
src/lib/components/animated/text.svelte
Normal file
16
src/lib/components/animated/text.svelte
Normal file
@@ -0,0 +1,16 @@
|
||||
<script lang="ts">
|
||||
export let text: string;
|
||||
|
||||
const words = text.split(' ');
|
||||
</script>
|
||||
|
||||
<span class="sr-only">{text}</span>
|
||||
<span class="relative">
|
||||
{#each words as word, i}
|
||||
<span
|
||||
class="animate-enter mr-2 inline-block"
|
||||
style:animation-delay="{i * 75}ms
|
||||
">{word}</span
|
||||
>
|
||||
{/each}
|
||||
</span>
|
||||
Reference in New Issue
Block a user