Detect CSS3 with JQuery

Question

Is there a way to detect whether a browser supports CSS3 transitions (-webkit-, -moz-, etc..) with JQuery?

-webkit and -moz are not CSS3. They are "vendor prefixes" which denote that the feature in question is either only partially supported or that the specification is incomplete. Many of the features which use these vendor prefixes are indeed part of the CSS3 spec, but equally many CSS3 features don't require vendor prefixes in the current browser versions. — Spudley
– Spudley, Commented Oct 3, 2011 at 12:47

Rickard · Accepted Answer · 2011-10-03 12:33:20Z

3

.csstransitions {
}

You can also use Isotope to achieve full hardware acceleration when possible, falling back to jQuery-based animation otherwise.

answered Oct 3, 2011 at 12:33

Rickard

2,33513 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

I like the look of Isotope too

modernizr for ONE feature to detect !? are u serious?

Sarfraz · Accepted Answer · 2011-10-03 12:32:34Z

0

Note: You could also download custom version of Modernizr for the features you want to detect.

answered Oct 3, 2011 at 12:32

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Modernizr to detect one feature?