Other Cool CSS3 Implementations in Safari 3.0 and At Least One Other Major Browser

Note: This page shows all the CSS3 styles you can try out in Safari 3.0 or WebKit, as well as in Firefox or Opera. (I'm not intentionally leaving out Internet Explorer, folks... it's almost as if Microsoft is just ignoring CSS, though.) The links on this page all go to the CSS3.info site.

Borders

• border-radius: Implemented in Safari/WebKit and Firefox.

Background

• background-origin and background-clip: Implemented in Safari/WebKit and Firefox.

Text Effects

• text-overflow: Implemented in Safari/WebKit and Opera

User Interface

• box-sizing: Safari/WebKit, Opera, and Firefox.

Colors

• HSL colors: Implemented in Safari/WebKit and Firefox.
• HSLA colors: Implemented in Safari/WebKit and pre-alpha version of Firefox 3.
• RGBA colors: Implemented in Safari/WebKit and pre-alpha version of Firefox 3.
• opacity: Implemented in most major browsers.

Other CSS3 Modules

• Multi-Column Layout: Implemented in Safari/WebKit and Firefox
• Media Queries: Implemented in Safari/WebKit and Opera
• Attribute Selectors: Partly implemented in Safari/WebKit, Firefox, and Opera