Making a Realistic Folding Animation With Framer Motion

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024

ความคิดเห็น • 27

  • @frontendfyi
    @frontendfyi  5 หลายเดือนก่อน +4

    Sorry if you got two notifications about this video! The first one had some weird artifacts and audio glitches. So I had to pull it and reupload it ❤ This one is perfect! Hope you enjoy it!

    • @DheerajSharma-hw6qm
      @DheerajSharma-hw6qm 5 หลายเดือนก่อน

      Hey Jeroen hope you doing well..i was wondering if you could share which font you use in vscode its super cool and would love to experience it..i find you video's very knowledgable and really appreciate the hard work .

  • @MrBumbo90
    @MrBumbo90 5 หลายเดือนก่อน +1

    Beautiful. Your channel is really a hidden gem.
    I really need to get into framer motion. I've used GSAP quite a bit but framer motion just seems more intuitive.

    • @frontendfyi
      @frontendfyi  5 หลายเดือนก่อน +1

      Thanks for your kind words, really appreciate it ❤️

  • @pulpml
    @pulpml 5 หลายเดือนก่อน

    Wow! Thank you for making this

  • @JagaSantagostino
    @JagaSantagostino 4 หลายเดือนก่อน

    Found randomly on twitter, beautiful 🙌

    • @frontendfyi
      @frontendfyi  4 หลายเดือนก่อน

      That’s what I like to hear! 🔥 Welcome friend!

  • @МихаилАндросюк-ш7ц
    @МихаилАндросюк-ш7ц 5 หลายเดือนก่อน

    Super nice 🤩

  • @МихаилАндросюк-ш7ц
    @МихаилАндросюк-ш7ц 5 หลายเดือนก่อน

    Super nice 🤩

  • @kevinat71
    @kevinat71 5 หลายเดือนก่อน

    amazing!

  • @danaharley3565
    @danaharley3565 5 หลายเดือนก่อน

    Speechless 😂

  • @ROL4ND-CSS
    @ROL4ND-CSS 5 หลายเดือนก่อน

    If you are in a grid parent there is no need for position relative to use the z-index ;)

    • @frontendfyi
      @frontendfyi  5 หลายเดือนก่อน

      Ooooh! You’re right! It’s such an old habit to automatically grab for position relative, haha. Thanks for telling me!

  • @kamill34
    @kamill34 5 หลายเดือนก่อน

    damn so positive energy :)

    • @frontendfyi
      @frontendfyi  5 หลายเดือนก่อน

      Haha thank you! Hope that means you liked the energy and it isn’t too much ;)

    • @kamill34
      @kamill34 5 หลายเดือนก่อน

      @@frontendfyi of course! The moment with the skewwww was super funny :).

  • @Madflows
    @Madflows 4 หลายเดือนก่อน

  • @w3mw
    @w3mw 5 หลายเดือนก่อน

    Hi I’m interested in your pro course, but when I buy it is it from your company or is it from you personally? 😄

    • @frontendfyi
      @frontendfyi  5 หลายเดือนก่อน

      Thanks for wanting to buy the course 🙏
      Frontend.fyi is my company, so pretty much both is the answer, haha. You do get a company invoice if that is what you're asking! Sent through Stripe.
      Let me know if I misunderstood your question!

    • @w3mw
      @w3mw 5 หลายเดือนก่อน

      @@frontendfyi perfect, no it was that. I will buy it today! Love your TH-cam!

    • @frontendfyi
      @frontendfyi  5 หลายเดือนก่อน

      Thank you so much, really appreciate it! Just shoot me a message in case you'd like anything changed with the invoice! jeroen [at] frontend.fyi, or via Discord which you get access to as a pro member.

  • @v.demchenko
    @v.demchenko 5 หลายเดือนก่อน

    🎉🎉

  • @webdevdost
    @webdevdost 3 หลายเดือนก่อน

    That stupid tree 😢

    • @frontendfyi
      @frontendfyi  3 หลายเดือนก่อน +1

      I should’ve said “stupid emoji” 😉 Trees are great ❤️

  • @81NARY
    @81NARY 5 หลายเดือนก่อน

    Never knew about _dragX, really cool vid!

  • @guillermo.avalos
    @guillermo.avalos 5 หลายเดือนก่อน

    Great code, but the fold is completely unrealistic. A Triptych wouldn’t unfold like this.

    • @frontendfyi
      @frontendfyi  5 หลายเดือนก่อน +1

      I don't look at it as a Triptych though, I'd more see this as a 'Z' that folds in and out. I think it makes more sense then right?
      In either case I hope you still learned something!