Rounded Corner Generator

Interacting with sliders to affect the border-radii, and therefore the shape, of an element.

The real world is neither as cold nor static as the web. This is combated with the introduction of design elements like drop shadows, gradients, and rounded corners to web pages. Used subtley, these bring a sense of warmth, familiarity and realism to the web.

Both to experiment with rounded corners and as an excuse use my sliders, I’ve developed this rounded corner generator to get a feel for the organic shapes rounded corners can generate.

Dimensions

Top Left

Top Right

Bottom Left

Bottom Right