Create An Animated Component That Follows The Cursor - Figma Tutorial

Поделиться
HTML-код
  • Опубликовано: 12 дек 2024

Комментарии • 12

  • @blurytt
    @blurytt Год назад +5

    man, this is great, I have been using animations through components for a long time but I have not done anything like this. you opened a new way for me, thank you

  • @djashawe88923
    @djashawe88923 Год назад +2

    That's brilliant. It's interesting that you used "while hovering". My initial thought was that it would require some kind of "drag" interaction. So cool! 🤓👍

    • @DarrenNorthcott
      @DarrenNorthcott  Год назад

      Actually, as I discovered in my Parallax Following the Mouse tutorial, if you use Mouse Enter it works better as 'hovering' caches the animation and if you move around too fast it will finish playing out all the animations when you leave the area, whereas Mouse Enter does not.

    • @djashawe88923
      @djashawe88923 Год назад

      @@DarrenNorthcott Oh, that's good to know. Thanks for that tip. 💯

  • @markbarrett9311
    @markbarrett9311 Год назад

    Thank you!

  • @igualdad5505
    @igualdad5505 6 месяцев назад

    Thank you

  • @Ualalalalalala
    @Ualalalalalala Год назад

    Is it possible to use multiple eyes in irregular sections?

  • @milokhanh313
    @milokhanh313 Год назад

    great , does that work with 3d elements ?

    • @DarrenNorthcott
      @DarrenNorthcott  Год назад

      I'm not sure figma has support for 3D elements...

  • @pablomorales2661
    @pablomorales2661 Год назад

    como hiciste el ojo??

    • @DarrenNorthcott
      @DarrenNorthcott  Год назад +1

      I created a circle for the eye ball, then a set of circles for the iris and pupil. Then masked them in an oval shape.