Commit4985eb9

committed

added css transition on hover

1 parentddf1a5b commit4985eb9Copy full SHA for 4985eb9

File tree

-5

lines changed

-5

lines changed

Lines changed: 9 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`import{sponsorInfo}from'../../../public/data/data';`
`2`		`-`
	`2`	`+import{motion}from'framer-motion'`
`3`	`3`	`exportdefaultfunctionSponsorModal(props:{sponsorInfo:sponsorInfo\|null;setFalse:()=>void}){`
`4`	`4`	`if(props.sponsorInfo===null){`
`5`	`5`	`return(`
`@@ -15,10 +15,14 @@ export default function SponsorModal(props: { sponsorInfo: sponsorInfo \| null; s`
`15`	`15`	`props.setFalse();`
`16`	`16`	`}}`
`17`	`17`	`>`
`18`		`-<divclassName="bg-[#3977f8] relative w-[800px] h-[550px] m-10 rounded-xl flex flex-col items-center justify-center">`
`19`		`-<aclassName="m-10 w-4/5 flex flex-col items-center justify-center"href={props.sponsorInfo.href}>`
`20`		-<imgclassName='w-4/5 max-w-[500px] max-h-[200px]'src={`./${props.sponsorInfo.svg}`}alt={props.sponsorInfo.alt}/>
`21`		`-</a>`
	`18`	`+`
	`19`	`+<divclassName="bg-[#3977f8] relative w-[800px] h-[550px] mb-10 mx-10 rounded-xl flex flex-col items-center justify-center">`
	`20`	`+<motion.awhileHover={{`
	`21`	`+scale:1.2,`
	`22`	`+transition:{duration:0.2},`
	`23`	`+}}className="w-4/5 m-10 flex flex-col items-center justify-center"href={props.sponsorInfo.href}>`
	`24`	+<imgclassName='w-4/5 max-w-[400px] max-h-[250px]'src={`./${props.sponsorInfo.svg}`}alt={props.sponsorInfo.alt}/>
	`25`	`+</motion.a>`
`22`	`26`	`<h3className="mx-10 py-10">{props.sponsorInfo.description}</h3>`
`23`	`27`	`<button`
`24`	`28`	`onClick={props.setFalse}`

Comments

(0)