Code worth dying for!

You are not logged in.

#1 2010-07-27 19:25:54

The Programmer

CSS3 Border Radius Generater

Download: br.lua

I was getting tired of typing out the css required for cross browser border radius, especially when you are targeting only one side.

-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;

The following commands are available. Replace <integer> with your desired radius.


br <integer>
- All 4 corners

br t <integer>
- Top corners

br r <integer>
- Right corners

br b <integer>
- Bottom corners

br l <integer>
- Left corners

br tl <integer>
- Top left corner

br tr <integer>
- Top right corner

br bl <integer>
- Bottom left corner

br br <integer>
- Bottom Right corner


Board footer

Powered by FluxBB