Oct 16, 2019

Custom Slider

A small upgrade to the normal behaviour of the Webflow Slider Widget.

Using the Slide-In and Slide-Out interactions, and changing the Mask original size, I upgraded each slides behaviour to grow and shrink.

You can clone this project and copy the slider for any use...

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

Code

Tricks

JavaScript

A (custom code) solution that combines CSS variables and Vanilla JavaScript for the shrinking / growing of browser top & bottom bars.