5 replies [Last post]
Sven
Sven's picture
Offline
Enthusiast
Brisbane, Australia
Last seen: 15 years 51 weeks ago
Brisbane, Australia
Timezone: GMT+10
Joined: 2003-03-12
Posts: 166
Points: 0

In case you're interested, Mozilla 1.3 implements, in experimental form, the CSS3 feature for rounded corners on borders.

As this is just experimental support, the proper CSS3 rule names aren't used; instead, Mozilla uses its own:

moz-border-radius: .75em .75em 0em 0em;

Fun to play with for now, but a sign of good things to come!

Tommy
Tommy's picture
Offline
newbie
York, England
Last seen: 20 years 11 weeks ago
York, England
Joined: 2003-03-14
Posts: 6
Points: 0

Rounded Corners and Mozilla 1.3

Cool. Cool

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Rounded corners

Thats great,
I just tried it out, works fine but you need the "-" hyphen before it eg: -moz-border-radius...
Saves us from a lot of nested divs Smile

Sven
Sven's picture
Offline
Enthusiast
Brisbane, Australia
Last seen: 15 years 51 weeks ago
Brisbane, Australia
Timezone: GMT+10
Joined: 2003-03-12
Posts: 166
Points: 0

Rounded corners for fun and profit

Oops! I have to admit I cut-and-pasted that from a demo someone emailed me - mustn't have grabbed the whole line :?

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Rounded cormers

For more info on rounded corners with CSS, see http://www.webweaver.org/dan/css/corners/.
There's examples of a couple of different methods that should work in most browsers.

potatoe
Offline
Regular
USA
Last seen: 20 years 9 weeks ago
USA
Joined: 2003-03-24
Posts: 12
Points: 0

Rounded Corners and Mozilla 1.3

I think this feature is in the 1.0 branch even, so that Netscape 7 picked it up when they did their release. This is also true of -moz-opacity: xx%;

cheers