Pretty & simple: how to use Webflow variables in client builds

Diego Toda de Oliveira, award winning Webflow developer, will join host Aron Korenblit to show how he's using Webflow variables in client builds. Inspired by Diego's build of https://www.givingli.com/, he'll explain how variables reduces class bloat, how he uses variables to smoothly transitioning colors between sections and how to use them to easily animate SVGs. Get the cloneable and more: https://wfl.io/livestream-variables 0:00 Starting soon 2:10 Introduction 4:34 Welcome Diego 6:21 What are Webflow Variables? 8:04 Variables in action in the Givingli website 11:03 Implementing variables in a build 17:27 Transitioning colors between sections with variables 31:05 Animating SVGs with variables and CSS 38:00 [Q&A] Can we use percentage variables to animate the SVG? 39:45 [Q&A] Can you set the transparency of color variables? 40:25 [Q&A] Can timed animations be used instead of scrolling animations? 41:00 [Q&A] What else could we animate with variables? 42:55 [Q&A] How to change color of an SVG using variables? 45:15 [Q&A] Are there ressources in Webflow University about variables? 45:56 [Q&A] Keeping in touch with Diego 47:20 Words of advice from Diego 48:25 Credits! See you in 2024!