[csswg-drafts] [css-selectors] Actually change the shape of the element and not just visually. (#12379)

Lutrian1 has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-selectors] Actually change the shape of the element and not just visually. ==
One main thing I have been struggling with (for my personal site) is the fact that you can't actually change the shape of the HTML element. Every element is always square shaped. Here is a example of what I mean:

<img width="697" alt="Image" src="https://github.com/user-attachments/assets/70e9da3e-6f04-480a-afd1-dcedd9720b0c" />

Or another:

<img width="986" alt="Image" src="https://github.com/user-attachments/assets/4b2c81a4-ae7f-468d-a8a8-8b9d4043de4e" />

What if I actually want to change that element to having a rough edge. Or a triangle. I have been personally struggling with this for my own site. Because I now have to move those blocks into each other while styling the element as a certain shape. Wouldn't it make much more sense if those elements can just be fitted into each other like building blocks. Here is my example:

<img width="635" alt="Image" src="https://github.com/user-attachments/assets/4e5aa6c1-afdf-4c64-82c6-495e646447bb" />

As you can see the element has a margin to where it goes into the other element, because they are square. It is styled as a triangle using polygon or svg for example. 

This may be redundant but it will save having to think of weird ways of piecing blocks together.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12379 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 20 June 2025 16:45:21 UTC