view transition updates #18

Merged
Adammatthiesen merged 4 commits from dev-testing into main 2024-03-14 10:04:22 +00:00
1 changed files with 6 additions and 1 deletions
Showing only changes of commit 22d1570817 - Show all commits

View File

@ -13,8 +13,13 @@ import background from "../assets/blog.jpg";
height={1080} height={1080}
width={1920} width={1920}
loading="eager" 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"> <div class="flex pb-5 mb-5 text-5xl text-purple-800">
<p>Hashnode Blog</p> <p>Hashnode Blog</p>
</div> </div>