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.
34 lines
802 B
34 lines
802 B
<script>
|
|
import MenuItem from "./MenuItem.svelte";
|
|
import MenuTitle from "./MenuTitle.svelte";
|
|
|
|
</script>
|
|
<main class="flex gap-5 justify-between">
|
|
<section class="flex gap-3 items-end justify-start appear">
|
|
<MenuTitle text="AlexArcher" />
|
|
<MenuItem link="#about" text="About"/>
|
|
<MenuItem link="#socials" text="Socials"/>
|
|
<MenuItem link="#fursona" text="Fursona"/>
|
|
</section>
|
|
|
|
<section class="flex gap-3 items-end justify-end">
|
|
|
|
</section>
|
|
</main>
|
|
|
|
<style>
|
|
.appear {
|
|
animation: appear;
|
|
animation-duration: 0.5s;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
|
|
@keyframes appear {
|
|
0% {
|
|
transform: translateY(-100px);
|
|
}
|
|
100% {
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
</style> |