Oct 16, 2019
Back to all Elements
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...
.jpeg)
Whenever possible, use Class Names to target the elements in your interaction. You never know when you'll need to duplicate and use it somewhere else...
A 3d slider with video items, plays and pauses on click & slide change.
.png)
A (custom code) solution that combines CSS variables and Vanilla JavaScript for the shrinking / growing of browser top & bottom bars.
.png)
.png)