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 using translate, 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.,