add funky transition for images on hover

petar-i-todorov · Jan 8, 2024 · 736b17e · 736b17e
1 parent e02beac
commit 736b17e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/app/components/blurrable-image.tsx b/app/components/blurrable-image.tsx
@@ -45,7 +45,7 @@ export const BlurrableImage = ({
 		<div
 			className={clsx(
 				getWidthAndHeight(props.className ?? ''),
-				'relative isolate',
+				'relative isolate overflow-clip',
 			)}
 		>
 			<div
@@ -72,7 +72,7 @@ export const BlurrableImage = ({
 						hidden: !isLoaded,
 					},
 					props.className,
-					'relative z-[1] animate-fade-in',
+					'relative z-[1] animate-fade-in transition-transform hover:scale-105',
 				)}
 				ref={imageRef}
 			/>