Page 1 of 1

Advanced CSS Border-Radius Generator

Posted: Sun May 03, 2015 10:40 pm
by pmk65
Here's a little tool I made. It's a GUI-based CSS border-radius generator that supports the 2nd set of radius parameter.
- 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.

Re: Advanced CSS Border-Radius Generator

Posted: Fri Jun 26, 2015 3:58 pm
by pmk65
I successfully converted this into a WeBuilder Plugin today. :)