Multiple Border-Radius Values

See the Pen Multiple Border-Radius Values by jadlimcaco (@jadlimcaco) on CodePen.

Multiple Border-Radius Values

Description: You probably knew that you can set the border-radius of an element to 4 values, and using shorthand, it goes clock-wise from top, right, bottom, left. But did you know you can actually set up to 8 values if you separate them? Each corner can have 2 values as you can see in this example.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML CSS

Responsive:Yes

Posted: 29.03.2020

Similar Examples