Clagnut

Menu

Curvacious

§ Web standards · Browsers

Web designers are forever sticking curves in their designs, particularly when smoothing corners of boxes. Designers have good reasons for this, but those of us charged with building the reality find it a pain in the bum, usually having to resort to tables to quickly get the job done. CSS3 is there to fix this and Mozilla is already working on it’s implementation.

Nice curvey box (only with Mozilla)

The code is: -moz-border-radius:20px. Note the standardized -moz- prefix to indicate an experimental feature. The CSS3 box model module describes more of the syntax in its inimitable way. While you’re playing around, have a go with -moz-opacity:0.5.