For future reference, if anyone else looks for the solution…
Of course, it’s perfectly possible in Webflow. Moreover - it’s pretty simple.
Actually, @Jason_Wintermeyer already found the most important part of the solution himself - you can use the ‘hide at each end’ option for nav arrows. And if you hide an element, it means you are uncovering whatever is below it. So:
- Create your nav buttons; they need to have a solid color background (to cover whatever is beneath them)
- Re-create the buttons inside a regular divs (these will be your pseudo-buttons), with exactly the same shapes, sizes, etc. as nav buttons, just style them differently for “inactive” look
- Position both nav buttons and pseudo-buttons to fit perfectly one over another using z-index
- Use the “Hide at each end” option in Slider Settings for buttons
Added bonus is - when the actual button disappears and uncovers the pseudo-button, you get a regular cursor instead of a hover pointer (because it’s a div, not a link), and it isn’t clickable. No scripting knowledge needed
The caveat is - nav buttons have to have a solid color background (to cover pseudo-buttons).