Shapes

After you’ve got a `border-radius`, you can control the shape of the corner with `corner-shape`, which unlocks a simpler and more powerful way to make shapes compared to `clip-path()`.

Blobs! Gooey weird shapes you can fill with any background and even animate.

Use the `arc` command within the `shape()` function we can draw a line that follows a circle from one point to the next, controlling the direction.

Don’t underestimate `shape()` — it’s the CSS version of SVG that we absolutely needed.

Creating unusual shapes is always a fun exercise and a good way to practice your CSS skills. One might argue that SVG is better for this job, but nowadays we have a lot of new CSS tricks that allow us to create shapes with a clean and optimized code. Through this two-article series, we will […]