'How can I create this animation with framer motion?
I wanna change rotation and size "only parent".
How can i do this?
it doesn't have to be parent-child.
It doesn't matter which way, if possible.
Sorry for my bad english :(
<Box component={motion.div} animate={{rotate: [0, 0, 270, 270, 0], scale:[0.7,1,1,0.7,0.7], borderRadius: ["20%", "20%", "50%", "50%", "20%"] }} transition={{duration: 2, repeat: Infinity, repeatDelay: 1}} className='parent'> <motion.img src={puppy} layoutId = "Image" animate={{rotate:[0,0,-270,-270,0]}} transition={{ duration: 2,repeat: Infinity,repeatDelay:1 }} className="child"/> </Box>
If you need additional information, ask to me :D
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|