- 1st set is based on the WIDTH of the element.
- 2nd set is based on the HEIGHT of the element.
CSS Border-Radius Generator
- In Advanced mode, the main and secondary handles operates independently.
- In Simple mode, the main and secondary handles are locked.
- You can also lock each of the 4 quadrants to each other by clicking the quadrant to toggle lock mode on/off.
A locked quadrant is indicated by a green color.
- You can change the unit type of the resulting CSS between PX and %.
(If you need a different unit type, select PX and then use my "Stylesheet Unit Converter" to convert it.)
- You can change the size of the box by clicking the center of the box, or by dragging the bottom right corner.