Image hover and reveal Interactions: Learn how to create in 10mins using Framer

Поделиться
HTML-код
  • Опубликовано: 20 сен 2024
  • In this video, we'll show you how to create an Image Hover and Reveal effect using Framer. This effect can be used to create stunning web animations in minutes, without any coding!
    If you're looking for a quick and easy way to create stunning image hover and reveal interactions, this video is for you! We'll be walking you through the process step-by-step, and by the end, you'll have a skill set that you can use in your next project!
    Remix Link: framer.com/pro...

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

  • @user-yx6qq2nw1x
    @user-yx6qq2nw1x Год назад +3

    I love how you say right for the left and left for the right.
    Thanks for the vid bro!

  • @designricko
    @designricko Год назад +3

    Your tutorials are helping me a lot! keep producing please

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

      Thanks a lot Rick, we are working on it 😊

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

    Thank you for this great tutorial! It was super helpful to me

  • @leslie8
    @leslie8 4 месяца назад

    Thanks for the great tips 😊

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

    I love love love this!

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

    Thanks, super useful :)

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

      Glad it was helpful! 😊😊

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

      @@madeby_duo would be great if you do a video on fixed nav and nav interactions tutorials I've tried are way too quick and don't cover everything. I like how easy to follow yours are

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

      Sure we'll keep this in mind for our next videos

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

    Well, for the results... It's worth the time...

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

    hi there, am having a problem with changing images with this components. how do I set the second and there hovers so they display a different image?

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

      You can set them using components, after creating your first component, select the image and set it variable.
      Then on the instance of that component you can change it.
      If you are still having issues, you can join our community so we can help you personally.

  • @maro7837
    @maro7837 Месяц назад

    hi when i click on visible nothing happen why

  • @aakashkamwal3650
    @aakashkamwal3650 2 месяца назад

    Hello, is this responsive

  • @coffeeecatsss
    @coffeeecatsss 11 месяцев назад +1

    Is this animation work at mobile breakpoint?

    • @madeby_duo
      @madeby_duo  11 месяцев назад +1

      You can edit it to make it work for mobile breakpoint, what I did was remove the interaction on mobile, since it will mostly be touch and not hover

    • @coffeeecatsss
      @coffeeecatsss 11 месяцев назад

      @@madeby_duo thank you

  • @corteipodcast4103
    @corteipodcast4103 11 месяцев назад +1

    Do you sell this template?

    • @madeby_duo
      @madeby_duo  11 месяцев назад

      You can get it for free, just use the remix in the description

    • @saulmelo9517
      @saulmelo9517 11 месяцев назад

      Thank you, good job. but the link is not in the description

    • @madeby_duo
      @madeby_duo  11 месяцев назад +1

      @@saulmelo9517 oh sorry my bad, I've updated the description. :)

    • @saulmelo9517
      @saulmelo9517 11 месяцев назад

      thank you!! @@madeby_duo

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

    bruh what is this tutorial

    • @TheDoPillow
      @TheDoPillow 5 месяцев назад +1

      bro is simple com on