Dynamic CSS with Custom Properties (aka CSS Variables)

Dynamic CSS with Custom Properties (aka CSS Variables) Fallbacks Exercise

Learning Paths:
Topics:
Lea Verou
Lea Verou
MIT
Check out a free preview of the full Dynamic CSS with Custom Properties (aka CSS Variables) course:
The "Fallbacks Exercise" Lesson is part of the full, Dynamic CSS with Custom Properties (aka CSS Variables) course featured in this preview video. Here's what you'd learn in this lesson:

Students are instructed to create seperate properties that set the horizontal and vertical cut out size or the --corner-size property that sets the entire corner for a 45 degree cut out.

Get Unlimited Access Now

Transcript from the "Fallbacks Exercise" Lesson

[00:00:00]
>> Here's a little exercise to use fullbacks. So remember this demo what do we use corner size to set the size of a cutout corner how could we have separate properties? Corner size X and corner size Y. Two sets different horizontal and vertical sizes of the cutout corner and also at corner sized property that can set both if we wanted to kind of like a shorthand, let's take a pause and try to do that.