So i’ve been trying to figure out how to get something like as seen in the screenshots below to happen in webflow, i’ve just started using webflow so i have no idea. Any help would be appreciated. The most i can do is make the text change colour on hover states. But the scaling is much more complex, can i even do this on webflow, and if so how? thanks in advance!
Just to say- I already know how to change hover state colours, but have no idea how to make all the elements on the page scale like this depending on where your cursor is! Is this even possible?
You have a flex box wrapper with two items. One way is to create an On hover effect and change the width of the item to the desired percentage %. Initial state 50%, hover state something like 75%. Hover out back to 50%
Due to the complexity of the hover affecting more than the hovered element, I believe this will need to be constructed using interactions.
The text color/size and div size change can be achieved using Webflow’s element hover state properties, but you won’t be able to also affect the opposite div. For example, when you hover over “Illustration”, you won’t be able to also tell “design” and its parent div to resize. Hope that make sense.
