Post

Playing with shape() and border-shape 👀 Cool demos in progress ⌛

I’m curious how border-shape interacts with container query units. Both in how using the units in the shape declaration reacts, and how the border shaped element being a container has its children using container query units react.

You cannot use container query units on the element being a container. And there is nothing special with border-shape, it behave almost the same as clip-path.

For clarity: if the element that has a container-shape is a child of a container element, can you use container query units in the shape declaration for the container-shape?