Interactions between Elements:
When a user hovers or clicks on one element, other elements can move, react, or change.
Customize Interactions per breakpoints:
You can customize the interaction on different breakpoints, either by customizing the effects per breakpoint, or by connecting entirely different effects to a trigger in each breakpoint.
You can also disable an interaction on a specific breakpoint.
To do this, go to the breakpoint where you want to disable the interaction, and delete the interactions underneath the trigger, leaving the trigger empty.
Enjoy and please feel free to share your feedback!
but maybe some code will help you in specific cases:
there may be two workarounds:
use two pairs of elements and use Velo to display the relevant one.
create an advanced Custom Element (the user can use this example as a basis, but we at Velo do not provide coding solutions and don’t assist with troubleshooting user’s code).
Really wanting/needing/looking forward to the addition of scroll and mouse triggers. Hoping this is in the works. So we can tie interactions to scrolling and based on where the mouse is at. That open up SO much more functionality.
Also really hoping to be able to SAVE effects and use them across multiple elements/containers, etc.
Hello, I’m seeing an updated hover interaction interface today which I really like. But, when I add a hover interaction (text element changes when a section is hovered) then a random text element elsewhere on my page design is somehow then inheriting the text content of the text element involved in the hover. Thought you might want to explore this bug.
Hi,
I would like to dissable an interaction on mobile, but the advice to “leave it empty” does not work. The mobile inherits the interaction from other breakpoints and can’t be deleted, ubless I use “remove” and then it removes it from all breakpoints…
What am I missing?