v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: Portfolio section animation

Browse source
This commit is contained in:
Dex-404 2024-04-09 08:52:48 +05:30
parent 29e23b7808
commit 33440e955d
5 changed files with 834 additions and 37845 deletions
Download patch file Download diff file Expand all files Collapse all files

17
components/ImageFilter/ImageFilter.tsx
View file

@ -4,6 +4,7 @@ import { Button } from "components/Button/Button"
import { useState } from "react"
import { Image } from "./image"
import { FilterableData } from "./FilterableData"
import { CardBody, CardContainer, CardItem } from "components/Ui/Card"
import { motion } from "framer-motion" // Import motion
const ImageFilter = () => {
@ -43,12 +44,16 @@ const ImageFilter = () => {
: "hidden" /* Hide if not matched */
}`}
>
<Image
className="h-[400px] w-full overflow-hidden rounded-lg"
image={item.src}
alt={item.name}
objectCover="object-cover"
/>
<CardContainer>
<CardBody>
<Image
className="h-[400px] w-full overflow-hidden rounded-lg"
image={item.src}
alt={item.name}
objectCover="object-cover"
/>
</CardBody>
</CardContainer>
</motion.div>
))}
</main>