Clip to a circle

Level 1 of 8

Your goal

Make .box 200 × 200 and clip it to a centred circle with a 50% radius using clip-path.

Must useclip-path

target content boxtarget outer edge (green = matched, red = not yet)

Feedback updates as you type, and your CSS is saved in this browser. Exact target numbers are in the Target panel.