CSS3 Click Chart | CSS3 Browser Support and Information

Conditional Rules with @supports

Allows native feature detection, similar to Modernizr, using @supports

Specification

Example Code

@supports ( display: flexbox ) {
    body, #navigation, #content { display: flexbox; }
    #navigation { background: blue; color: white; }
    #article { background: white; color: black; }
}

Live Demonstration

For a demonstration, please visit this page in a supporting browser.

Desktop Browser Support

Standard Syntax:
Firefox 19+, Opera 12.1+

Tools / Polyfills

Modernizr

Tutorials / Articles

Support for @supports in Firefox Nightly