Tips & Tricks for Webflow Interactions | Using Basic Principles of Animation

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

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

  • @UXMurt
    @UXMurt 3 месяца назад

    fantastic video! its made me think about UI animation in so many different ways

  • @Nitro_Foundry
    @Nitro_Foundry 2 года назад +4

    This is the exact type of content that I’m looking for. You guys always kill it! Much love ❤️

  • @twbashar
    @twbashar 2 года назад

    Awesome. Please don't stop this type of shorts like this.

    • @Finsweet
      @Finsweet  2 года назад +1

      Thanks for the feedback :) We're on it.

  • @robertfreck2701
    @robertfreck2701 2 года назад

    Great Video! Interactions are my weakness but this video clears up some of my confusions. I tend to believe that interactions are more complicated then they are!

  • @george.t177
    @george.t177 2 года назад +1

    Excelent content! Well documented and explained. Please do more shorts like this!

    • @Finsweet
      @Finsweet  2 года назад

      We're on it. thanks for the feedback.

  • @alexhartan
    @alexhartan 2 года назад

    This is awesome, the point of origin trick is really useful

  • @Sipzostudios
    @Sipzostudios 2 года назад +1

    Love this video! You broke down these tips in a super easy & digestible way. Thank you Finsweet for all of the work you guys put out : )

    • @Finsweet
      @Finsweet  2 года назад

      You're welcome! 💪

  • @EdgarAntonioHez
    @EdgarAntonioHez 2 года назад +1

    Excellent class to improve my animations in webflow, I have to pay more attention to ease things

    • @Finsweet
      @Finsweet  2 года назад

      Indeed. So many good nuggets in this video. Thank you for the feedback.

  • @BreeonaNechole
    @BreeonaNechole 2 года назад

    👏🏾 fantastic video. Great job Emanuel

  • @cordeirovitor
    @cordeirovitor 2 года назад +1

    Great tips! Thanks a lot! Just one observation: on the Staging chapter, you could've use the scroll into view trigger with the preset Slide action. Then you can set the delay. It's a lot easier.

    • @Finsweet
      @Finsweet  2 года назад

      Yep, the only thing here is that you have less granular control. In this example, the globe moves over 50 vw during the animation, and the text moves way less than that. With the presets, you can also control staging, but in some cases the animations will not look as polished :D

  • @tutkuu.1150
    @tutkuu.1150 2 года назад

    so helpful! thanks a lot

  • @OlliverW
    @OlliverW 2 года назад

    As always as good content, thank you! 🙌

  • @LukasBazyluk1117
    @LukasBazyluk1117 2 года назад

    Well explained principles of animation as they apply to UI :) Thumbs up 👍👍

  • @thewebart
    @thewebart 2 года назад +1

    Great video. Thank you. !

  • @Trazynn
    @Trazynn 2 года назад

    This is absolutely amazing. Though one bit of feedback would be to record your screen at 60 fps if you're going to demonstrate animations, rendering and uploading the video in 60fps would be even better, but the recording is most important.

    • @Finsweet
      @Finsweet  2 года назад

      Thank you so much for the feedback :) Yep, now I see that the animations don't look as smooth. I'll keep that in mind next time.