SeniorSkill component
Basic CSS shape() syntax
Skill: CSS value types and units
Your progress
0 of 3 completed
Save your progress
Expected ability
Read and write CSS shape() expressions: define the starting point, build outlines with lines and arcs, choose arc endpoints and radii, and close the shape. Use curve commands to set the endpoint and first and second control points, and build quadratic and cubic Bézier curves.
Assessments
CSS shape() #1 / Practice
The shape() function, starting points, and straight, horizontal, and vertical lines using absolute coordinates.
CSS shape() #2 / Practice
The arc command in shape(), arc endpoints, circular and elliptical radii, and rounded corners.
CSS shape() #3 / Practice
Use the curve command in shape() to choose an end point and one or two control points, creating quadratic and cubic Bézier curves.