Commit bbff433

committed

profile card animation tweak

1 parent 7612c97 commit bbff433Copy full SHA for bbff433

File tree

+13

-3

lines changed

+13

-3

lines changed

Lines changed: 3 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ import React from 'react'`
`2`	`2`	`import './ProfileCard.css'`
`3`	`3`	`import avatar from './assets/images/image-victor.jpg'`
`4`	`4`	`import {motion} from 'framer-motion'`
`5`		`-import {basicFadeUpProfile, basicFadeUp2Profile, basicScaleUpProfile } from './animation'`
	`5`	`+import {basicFadeUpProfile, basicFadeUp2Profile, basicFadeUp3Profile,basicScaleUpProfile } from './animation'`
`6`	`6`
`7`	`7`	`const ProfileCard = () => {`
`8`	`8`
`@@ -36,7 +36,7 @@ const ProfileCard = () => {`
`36`	`36`	`<span className='profile-card-age'>26</span></motion.h2>`
`37`	`37`	`</div>`
`38`	`38`	`</div>`
`39`		`- <motion.p {...basicFadeUp2Profile}`
	`39`	`+ <motion.p {...basicFadeUp3Profile}`
`40`	`40`	`className="profile-card-location">`
`41`	`41`	`London`
`42`	`42`	`</motion.p>`
`@@ -48,7 +48,7 @@ const ProfileCard = () => {`
`48`	`48`	`initial={{opacity:0, scale: 0}}`
`49`	`49`	`animate={{opacity:1, scale: 1,`
`50`	`50`	`transition: {`
`51`		`- delay: 1.8 + (0.2 * index),`
	`51`	`+ delay: 1.4 + (0.2 * index),`
`52`	`52`	`ease: 'easeOut',`
`53`	`53`	`duration: .6,`
`54`	`54`	`}}}`

Lines changed: 10 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,16 @@ export const basicFadeUp2Profile = {`
`18`	`18`	`}}`
`19`	`19`	`}`
`20`	`20`
	`21`	`+export const basicFadeUp3Profile = {`
	`22`	`+ initial:{opacity:0, y: 30},`
	`23`	`+ animate:{opacity:1, y: 0,`
	`24`	`+ transition: {`
	`25`	`+ delay: .8,`
	`26`	`+ ease: 'easeOut',`
	`27`	`+ duration: .8,`
	`28`	`+ }}`
	`29`	`+}`
	`30`	`+`
`21`	`31`	`export const basicScaleUpProfile = {`
`22`	`32`	`initial:{opacity:0.2, scale: 0.2},`
`23`	`33`	`animate:{opacity:1, scale: 1,`

Comments

(0)