Framer tutorial: Animated Border in 2 minutes (No-code)

Поділитися
Вставка
  • Опубліковано 4 жов 2024

КОМЕНТАРІ • 17

  • @alexinaustralia
    @alexinaustralia 4 місяці тому

    I DONT KNOW WHAT I WANT TO SEE NEXT BUT I WANNA SEE IT!!!

    • @tonjrv
      @tonjrv  4 місяці тому

      Hahah stay tuned and you will find out! 🔥
      P.S. If you have any suggestions what you'd like to see let me know!

  • @thewebstylist
    @thewebstylist 10 місяців тому

    Amazing!

  • @WhoFarted69
    @WhoFarted69 11 місяців тому +8

    Holy cow, you made this so easily! You're a Framer genius!

    • @tonjrv
      @tonjrv  11 місяців тому +1

      Thanks a lot! 🔥

  • @ONLYFRAMER-qw3qg
    @ONLYFRAMER-qw3qg 11 місяців тому +1

    I like it

    • @tonjrv
      @tonjrv  11 місяців тому

      Great to hear that! 🙌

  • @thedesigncult
    @thedesigncult 10 місяців тому

    Sick!

  • @mt000mp
    @mt000mp Рік тому +1

    it says "Page Not Found" when pressing the link.

    • @tonjrv
      @tonjrv  Рік тому

      Ahh great call, my bad! It should work now! 🫡

  • @d42
    @d42 Місяць тому

    how to make it stop speeding up around corners?

    • @tonjrv
      @tonjrv  Місяць тому

      Good question, but I don't have a direct answer.
      You can play around with the size of background layer and the animation speeds to ease it out.

  • @JoeShowCheek
    @JoeShowCheek 9 місяців тому

    Hey, I love the simplicity of this. But I'm struggling to make the component responsive. You are only using fixed width and height. Which is not that useful unfortunately (For this example, probably yeah, but not in general).
    How would you make it responsive?
    Somehow when I set width to fit content it goes to 0 px even though the layers under have width.

    • @tonjrv
      @tonjrv  9 місяців тому

      Great question! You should be able to make it responsive by changing the Width of the BorderCard frame to be Fill or Relative. 🫡
      Let me know if this worked!

  • @CARDOLEO
    @CARDOLEO 7 місяців тому

    bro how you duplicated it whithout mouse, At the end of my project, when I add a gradient, it gives the entire screen color, it doesn't appear so much at the edges

    • @CARDOLEO
      @CARDOLEO 7 місяців тому

      i would like to do this in input field, its the same way?

    • @tonjrv
      @tonjrv  7 місяців тому

      Hey bro, sorry I had missed your comment totally.
      But for the duplicating it without a mouse, try the Command + D shortcut (mac)! Also, make sure that you have selected the layer below the top frame for the gradient.
      And for the input field it works the same way! Just add the frame below the input field and you should be good to go! Let me know if you need further help ✌️