Skip to content

Commit

Permalink
update: add small transition on banner image
Browse files Browse the repository at this point in the history
  • Loading branch information
ng-jayson committed Dec 9, 2024
1 parent 0f3665a commit 6ae6ad7
Showing 1 changed file with 6 additions and 2 deletions.
8 changes: 6 additions & 2 deletions components/home-banner.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,12 @@ const HomeBanner: React.FC = () => {
<Image
src="/dawn.webp"
alt="Background"
fill
className="w-screen opacity-20"
layout="fill"
className="w-screen opacity-0 transition-opacity duration-1000 ease-in-out"
onLoadingComplete={(img) => {
img.classList.remove("opacity-0");
img.classList.add("opacity-20");
}}
/>
</div>
<div className="flex h-[84vh] items-center justify-center px-8 sm:px-4">
Expand Down

1 comment on commit 6ae6ad7

@github-actions
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Deploy preview for mlbb-fyi ready!

✅ Preview
https://mlbb-63m97ek2g-jinjays.vercel.app

Built with commit 6ae6ad7.
This pull request is being automatically deployed with vercel-action

Please sign in to comment.