The `-path` of Least Resistance (Part 1)
A deep dive into `clip-path` from Amit Sheen, a very powerful tool in shape creation on the web, particularly now with `shape()`.
Tag Archive for
shape()
SVG to shape()
We’ve been trying to make the point around here that the new shape() in CSS is awesome. It’s the powerful <path> in SVG ported to CSS so it can use actual units. It’s probably how path() should have ported to begin with, but c’est la vie. I’ll make the point in this demo. Resize those […]
Move Modal in on a… shape()
Got an old “modal” design? Now might be the time to upgrade it to a
Creating Blob Shapes using clip-path: shape()
Blobs! Gooey weird shapes you can fill with any background and even animate.
Creating Flower Shapes using clip-path: shape()
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.
shape(): A New Powerful Drawing Syntax in CSS
Don’t underestimate `shape()` — it’s the CSS version of SVG