Creating Flower Shapes using ππππ-ππππ: πππππ()
https://frontendmasters.com/blog/creating-flower-shapes-using-clip-path-shape
**What is `shape()`?**
You are probably familiar with `clip-path: polygon()`, right? A function that allows you to specify different points, draw straight lines between them and create various CSS shapes. βStraight linesβ because when it comes to curves, clip-path is very limited. We have `circle()` and `ellipse()`, but we cannot achieve complex shapes with them.
`shape()` is the new value that overcomes such limitation. In addition to straight lines, it allows us to draw curves. But If you check the MDN page or the specification, you can see that the syntax is a bit complex and not easy to grasp. Itβs very similar to SVG path, which is good as it gives us a lot of options and flexibility, but it requires a lot of practice to get used to it.