Login
From:
CSS Tip: Learn CSS the easy way
(Uncensored)
subscribe
Hexagon shapes with rounded corners
https://css-tip.com/rounded-hexagon/
links
backlinks
Roast topics
Find topics
Find it!
We can create a hexagon shape using clip-path: polygon() but what about the rounded corners variation? It's now possible with the new clip-path: shape(). The code is more complex but you can easily control it using CSS variables.