Skip to content

Commit

Permalink
💄 ui: add hover effect to project card images
Browse files Browse the repository at this point in the history
Enhance user interaction by adding a subtle hover animation and glow effect
to project card images, improving visual feedback and engagement.
  • Loading branch information
w3bdesign committed Dec 17, 2024
1 parent 48c64ec commit b1d3b3d
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions src/components/Prosjekter/ProsjektCard.component.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@ const ProsjektCard: React.FC<Project> = ({
<div className="w-full h-full p-5 md:pb-[20px] relative overflow-hidden flex justify-center md:h-[340px]">
{projectimage && (
<Image
className="transition-all duration-300 ease-in-out hover:-translate-y-1 hover:shadow-[0_0_15px_rgba(80,255,80,0.2)]"
width="600"
height="340"
quality={100}
Expand Down

0 comments on commit b1d3b3d

Please sign in to comment.