Transform one element on hover of a different element | Class Adder for Webflow Interactions

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ม.ค. 2025

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

  • @utkcht
    @utkcht 3 ปีที่แล้ว +1

    This is amazing. Thank you!

    • @Finsweet
      @Finsweet  3 ปีที่แล้ว

      You're welcome!!!

  • @LouisSlm
    @LouisSlm 2 ปีที่แล้ว

    Hey !
    Thanks for tuto !
    I tried it with ID but doesn't seems to work :/
    What is the process using id rather than class

  • @e11world
    @e11world 3 ปีที่แล้ว +2

    This is great but I was wondering how I can apply this to a CMS collection to change the top & bottom to just the one image of each cms item (blog article for example). Dynamic content is a bit tricky I think

    • @Finsweet
      @Finsweet  3 ปีที่แล้ว

      Check this out: cms-library.finsweet.com/add-classes

    • @e11world
      @e11world 3 ปีที่แล้ว +1

      @@Finsweet thanks I'll look into this

    • @e11world
      @e11world 3 ปีที่แล้ว

      ​@@Finsweet It doesn't seem like it answers my question after checking it. Still exactly like this except it's on dynamic items. That tut is just changing how items are laid out. I saw an example of z-index switching but all of these require all items to be visible. My example is where 4 different divs should change one div above on hover/click (like a thumbnail click to show larger image above) so that main pic needs to show only one image at a time (from the same collection). Seems like I need to duplicate my collection for each item to hover or do it manually.

  • @saicharan7571
    @saicharan7571 4 ปีที่แล้ว +1

    Thank you

    • @Finsweet
      @Finsweet  3 ปีที่แล้ว

      You're welcome!!!

  • @user-rv7ge1tc4l
    @user-rv7ge1tc4l 6 หลายเดือนก่อน

    you are not showing how to switch between the site view and the code view... this is confusing for beginners