Merge pull request #678 from madhavansingh/fix/project-card-flip-clipping

Zahnentferner · web-flow · commit 69ce9e361634 · 2026-03-16T17:42:28.000+03:00
fix: resolve project cards flip clipping in Projects section
diff --git a/src/components/home/CardEffect.jsx b/src/components/home/CardEffect.jsx
@@ -15,7 +15,7 @@ export function CardEffect({ heading, content, logo }) {
             whileInView={{ opacity: 1, rotateY: 0 }}
             viewport={{ once: true }}
             transition={{ duration: 0.8 }}
-            className="group relative block h-[22rem] w-full cursor-pointer overflow-hidden [perspective:1000px]"
+            className="group relative block h-[22rem] w-full cursor-pointer [perspective:1000px]"
         >
             <div className="relative h-full w-full transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]">
 

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@ export function CardEffect({ heading, content, logo }) {`
`15`	`15`	`whileInView={{ opacity: 1, rotateY: 0 }}`
`16`	`16`	`viewport={{ once: true }}`
`17`	`17`	`transition={{ duration: 0.8 }}`
`18`		`- className="group relative block h-[22rem] w-full cursor-pointer overflow-hidden [perspective:1000px]"`
	`18`	`+ className="group relative block h-[22rem] w-full cursor-pointer [perspective:1000px]"`
`19`	`19`	`>`
`20`	`20`	`<div className="relative h-full w-full transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]">`
`21`	`21`