CSS shape() #3

Use the curve command in shape() to choose an end point and one or two control points, creating quadratic and cubic Bézier curves.

Practice

Replayable challenges for building and reinforcing the skill.

20 challenges

Start
Basic CSS shape() syntaxSeniorBasicView the skill component

How to play

  1. CurrentTarget

    1Compare your result with the target

  2. .grid {display: block;}blockgridflex

    2Pick code cards to get closer

  3. Check

    3Check your result and keep trying

Start