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.
Preview
CloseTranscript 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.
Learn Straight from the Experts Who Shape the Modern Web
- In-depth Courses
- Industry Leading Experts
- Learning Paths
- Live Interactive Workshops