CSS Shapes & Figures

Complete this assessment with 100% score to master this chapter.

01What is the simplest way to turn a square into a circle?

02Which property 'cuts out' parts of an element to create custom geometry?

03How do you create an elliptical (uneven) corner with border-radius?

04Which 'clip-path' value creates a triangle?

05What does 'shape-margin' do?

06How do you create a 'pill-shaped' button?

07What is the 'path()' function in clip-path used for?

08Why would you use 'inset()' in clip-path?