Day 17 - Mastering Framer Motion
What I learnt:
- We have the texts "GAME WE LOVE" and "World of Warships: Legends". I was using
padding
to it's parent element for giving them space as we have now. However, when the layout animation was happening, I got a weird shared layout animation with the texts, it was not working as expected. when I changed to usingtranslate
, it worked.,- I learnt to not use
overflow hidden
when it is not necessary to do so, because we might get a strange behavior.(It took me a while to find where the problem is coming from)
.- When the card open, we see some texts fading in. If I don't use fade animation and some delay for intro animation, we face with the texts scratching from top to bottom and same for exiting.,