Learn a simple custom property trick to create fallbacks for older browsers in CSS in this 10-minute tutorial video. Discover how to use the cascade to your advantage when dealing with browser support issues. The video demonstrates a practical solution to a common CSS problem, showing how custom properties can make creating fallbacks much easier. Follow along as Kevin Powell explains different transition techniques in various directions and explores additional use cases for this approach. The tutorial includes references to Josh Comeau's work, the Easing Wizard tool, and provides code examples to help implement these techniques in your own projects.
Overview
Syllabus
00:00 - Introduction
00:10 - What we’re starting with
00:40 - Using the cascade to our advantage
03:00 - You can’t have a fallback to the custom property as a fallback behaviour
05:33 - Josh’s post
05:08 - Using custom properties to make this much easier
07:18 - Different transitions in different directions
08:12 - Other use cases for this
Taught by
Kevin Powell
