Hi, I am trying to do something like a drawer slide out with extra info about an item. I am not entirely sure if this will just end up being too complicated or slow the page down. Here is a quick figma example I made of the drawer slide.
Here is my public share link: LINK
(how to access public share link)
Hi there,
While Webflow’s native slider component is primarily designed for creating image and content slideshows, you can create drawer slide-out animations using a combination of interactions and transforms. Here are some alternative approaches:
The slider component offers customizable transitions, animation types, and timing settings that you can use as a foundation. You can also create custom slide-out effects using interactions triggered by clicks or hovers, combined with transform properties to control the movement direction and timing.
For more complex drawer animations, consider using a combination of div blocks with absolute positioning and transform translations, paired with carefully timed interactions.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
I’m assuming you’re using the CMS for your content.
This is the technique you need, you can definitely do it as a sidebar.
Awesome thanks and yes. i am using the CMS for content