Dec 21, 2019

Sliding Tabs Menu

A sliding background element placed behind the tabs menu. No custom code, only IX.2

A simple No-Code solution to a sliding tabs menu animation.

Using Interactions and positioning the sliding element absolutely behind the tabs menu, we can create an effect of sliding background.

Important points:

The wrapping tabs element must have any positioning bside 'Static' (so the moving background wrap element will position relative to it)
The sliding background element must have a constant width, which is equal to the menu link width.

Michael's Vsauce was my gateway Youtube channel to the world of fun educational vlogs. This was the 1st video I stumbled upon.

Cloneable

CMS

JavaScript

A 3d slider with video items, plays and pauses on click & slide change.

Cloneable

JavaScript

CMS

A clonable for creating an Alphabetical glossary

Cloneable

Tricks

Layout

Change Webflow's Slider to act as a "regular" grid block on desktop, but go back to Slider on Tablet and smaller screens.