poyrazavsever/poyraz-portfolio
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add hero hover wave animation

Browse Source
This commit is contained in:
poyrazavsever
2026-07-29 20:26:32 +03:00
parent 0ae6b372f8
commit 4802c4764a
3 changed files with 58 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/home-hero.tsx
+12 -3
View File
@@ -88,7 +88,7 @@ export function HomeHero({ news }: HomeHeroProps) {
</div>
</div>
<div className="pointer-events-none absolute right-0 bottom-0 hidden h-full w-44 overflow-hidden sm:block">
<div className="hero-wave group absolute right-0 bottom-0 hidden h-full w-44 overflow-hidden sm:block">
<Image
src="/images/hero1.png"
alt="Poyraz Avsever"
@@ -96,11 +96,20 @@ export function HomeHero({ news }: HomeHeroProps) {
height={220}
sizes="180px"
priority
className="absolute right-0 bottom-0 h-auto w-36 object-contain"
className="hero-wave-frame hero-wave-frame-primary absolute right-0 bottom-0 h-auto w-36 object-contain"
/>
<Image
src="/images/hero2.png"
alt=""
width={220}
height={220}
sizes="180px"
aria-hidden="true"
className="hero-wave-frame hero-wave-frame-secondary absolute right-0 bottom-0 h-auto w-36 object-contain"
/>
<div
aria-hidden="true"
className="absolute right-0 bottom-0 h-px w-36 bg-border"
className="pointer-events-none absolute right-0 bottom-0 h-px w-36 bg-border"
/>
</div>
</div>