MiddleSkill component
Gradients
Skill: CSS backgrounds and images
Your progress
0 of 5 completed
Save your progress
Expected ability
Create linear, conic and radial gradients. Control colors, stops, direction, center, shape and size, with smooth transitions or sharp boundaries.
Assessments
Linear Gradients #1 / Practice
Introductory visual challenges on linear-gradient(): recognizing the function and working with directions, colors, and color stop positions.
Conic Gradients #1 / Practice
An introductory level on conic-gradient(): recognizing the function and working with colors, the starting angle, the gradient center, and angular color stops.
Radial Gradients #1 / Practice
An introduction to radial-gradient(), color lists, color stop positions for smooth transitions, and positioning the gradient center.
Radial Gradients #2 / Practice
Radial gradient shapes, explicit sizes, hard transitions, and size keywords.