Page 1 of 1

Advanced CSS Border-Radius Generator

PostPosted: 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

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