๐ก CSS Tip!
Shapes with rounded corners are a nightmare in CSS but it's now easy with the new shape() function! ๐ฅณ
Let's start with a classic: The Hexagon
https://css-tip.com/rounded-hexagon/
Yes, you can animate the radius and rotate the shape. Modern CSS is cool!
Do you want another polygon shape? I am cooking a generic code to create all of them.
And here is the code to generate any polygon shape with rounded corners!
https://css-tip.com/rounded-polygon/
Update the variables then get your code (There is another variation using CSS variables as well).
If you have a fediverse account, you can quote this note from your own instance. Search https://front-end.social/users/css/statuses/114352854920247655 on your instance and quote it. (Note that quoting is not supported in Mastodon.)
