Changing Text

Change text in a sentence/headline with Webflow's interactions

Interactions

Cloneable

Tricks

Using the native Webflow interactions to move the text elements up and out of the "mask".

To create a "mask" simply wrap all the changing text elements with a div and give it overflow: hidden.

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

Cloneable

Code

Design

A fixed background image that is revealed by mouse hover all over the section

Cloneable

Code

Interactions

A new and improved version for a Tabs element that automatically change tabs

Cloneable

Code

Design

A Webflow Tabs widget with some edits and custom code to make the menu scrollable on desktop & mobile