final transitions

This commit is contained in:
Adam Matthiesen 2024-03-13 23:27:05 -07:00
parent a6d03c605a
commit 22d1570817
No known key found for this signature in database
GPG Key ID: 3F53281CB3936013
1 changed files with 6 additions and 1 deletions

View File

@ -13,8 +13,13 @@ import background from "../assets/blog.jpg";
height={1080}
width={1920}
loading="eager"
transition:name={'background:' + background}
transition:animate={'fade'}
/>
<div class="absolute p-2 flex flex-col justify-center items-center z-10 bg-purple-50 lg:w-2/5 h-1/4 rounded-md">
<div
class="absolute p-2 flex flex-col justify-center items-center z-10 bg-purple-50 lg:w-2/5 h-1/4 rounded-md"
transition:animate={'slide'}
>
<div class="flex pb-5 mb-5 text-5xl text-purple-800">
<p>Hashnode Blog</p>
</div>