Year of the Code Monkey
Because Jonah Bishop Said So
For some time now, Firefox has supported an experimental CSS technique for rounding border corners (-moz-border-radius). The rendering engine in Firefox 2 does a barely acceptable job with this, though the rounded corners don’t appear to be uniformly sized, nor are they anti-aliased. Cairo, which drives the rendering engine in Firefox 3, does a much better job at handling the rounded corners, and the results are quite nice.
As such, I’m offering some ‘eye-candy’ to those users who visit this site with either Minefield or a Firefox 3 beta build. Those users will now note that code blocks (pre elements), as well as comment blocks, have nicely rounded edges. The end result looks great, and I hope you agree.
March 25, 2008 at 3:38 pm
Nice. I thought CSS already had that feature for some reason, but I guess not.
March 25, 2008 at 5:51 pm
The CSS3 spec has a
border-radiusproperty, but no one supports it yet. There are a few other browsers that offer experimental support, and they use a similar prefix strategy to target just their platform (like the-mozprefix for Gecko based browsers).May 30, 2008 at 4:01 am
The border-radius other than Gecko browsers is for Safari 3 (Opera use to have support temporarily with their -o) you use -webkit for it.