Advanced CSS Border-Radius Generator

Discuss general web development questions. Help others and get help from others.

Moderator: kfury77

Advanced CSS Border-Radius Generator

Postby pmk65 » Sun May 03, 2015 10:40 pm

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.
There are 10 types of people in the world: Those who understand binary and those who don't.
User avatar
pmk65
 
Posts: 678
Joined: Sun Dec 20, 2009 9:58 pm
Location: Copenhagen, Denmark

Re: Advanced CSS Border-Radius Generator

Postby pmk65 » Fri Jun 26, 2015 3:58 pm

I successfully converted this into a WeBuilder Plugin today. :)
There are 10 types of people in the world: Those who understand binary and those who don't.
User avatar
pmk65
 
Posts: 678
Joined: Sun Dec 20, 2009 9:58 pm
Location: Copenhagen, Denmark


Return to Web Developer Talk

Who is online

Users browsing this forum: No registered users and 11 guests

cron