Wondering if any of you webflow ninja can help me with this…
I’m trying to make a landing page that divided into 3 columns ( 3div), while on hover inside each div, that div will expand AND pushed the other 2. ( see attachment ).
I structured them as this
- wrapper ( for 3 div ) flex horizontal
- Colum left
- Column middle
- Column right
I’ve tried with animation on hover, but the problem I can set the anchor-based for each div ( ie: on left div, the expansion should start from left, the right div expand from right, and middle div expand from the center.
- also, tried set the wrapper to relative, and made the 3 div inside as absolute ( so the have anchor-based ) but still can’t achieve the result.
Here is my public share link: https://preview.webflow.com/preview/baju-fluffy?utm_medium=preview_link&utm_source=designer&utm_content=baju-fluffy&preview=f349f760e0c45ce8d48e116b39917374&mode=preview]
(how to access public share link)