Often border-radius uses 1-4 values, each corresponding to a corner of the 'box'. However eight values can actually be passed, corresponding to the horizontal and vertical radius of each corner.
Values before the slash are responsible for horizontal distances, values after the slash are responsible for vertical distances.
This can help you create organic shapes with just CSS.
https://9elements.com/blog/css-border-radius/ https://9elements.github.io/fancy-border-radius/
![[[Border radius.png]]](/Border-radius.png){kind=link}