MENU

Fun & Interesting

Unlock the full power of CSS with Custom properties & values

Webflow 8,886 1 year ago
Video Not Working? Fix It Now

With custom properties, you have the full power of CSS available to you in the Webflow Designer. In this livestream, we'll explore some of the new CSS properties that you can use in your Webflow builds with none other than resident CSS expert Corey Moen. Get the cloneable & spreadsheet: https://wfl.io/livestream-custom-properties 0:00 Starting soon 3:18 Intro to Custom properties & values 5:10 Corey intro & what are custom properties & values 8:27 Make text breaks smoother with Text-wrap : balance 17:05 Create a custom cursor using cursor property & intro to functions 23:56 Make typography fluid with text-size and clamp 34:00 Community example #1: Drop shadows on images 35:00 Community example #2: flowscriipt 35:45 Q&A: Should text properties go on the body or on text elements? 38:00 Community example #3: Adding linear gradient to logo display 38:50 How to use variables with custom properties 40:47 Final tips from Corey 42:45 Credits 43:48 Welcome Josh Loh to the Webflow team!

Comment