Modernizr.csstransforms3d returns false negative in chrome #590

karnold opened this Issue May 15, 2012 · 23 comments


None yet
karnold commented May 15, 2012

Using chrome v18.0.1025.168 Modernizr.csstransforms3d returns false even though the browser can support 3d transforms. works fine in safari though.

karnold commented May 15, 2012

updating to 19.0.1084.46 didnt seem to help either.

output from the javascript console:



What version are you using? Can you please create a testcase.


I have the same issue too. Chrome version 19.0.1084.46, Modernizr 2.5.3.
Modernizr add no-csstransforms3d class in , but there is support of Transforms 3D in Chrome.
In Safari works fine.


Chrome Version 19.0.1084.52; Ubuntu 10.10; Modernizr 2.5.3
Had this problem once, then it disappeared for no reason. Was working for a couple of days, today it returned.
Created a test page, which confirmed the problem:

<!DOCTYPE html>
  <script type="text/javascript" src="modernizr-2.5.3.js"></script>
  <div id="1"></div>
  <script type="text/javascript">
    document.getElementById('1').innerHTML = "csstransforms3d: " + Modernizr.csstransforms3d

FF 12.0 delivers correct values.
A coworker is running the current version of Chrome (but on Windows7) too, but receives a correct value. Chromium (17.0.963.65 (Developer-Build 124586 Linux)) is also creating wrong values.

Any other stuff needed?


This could be similar issue to #588. Do you have adblock extension?


Running the posted example on Win7 with Chrome 19.0.1084.52 m on my private machine. Working for this one.
Not sure about adblock, will test it on monday.


Okay, just checked about the adblock extension:

"Boo... You have no extensions :-( Want to browse the gallery instead?"

So no extensions, any other possible error reasons?


Ok so I've put a simple little test case together and have seperated out various bits of the 3d test we use. I get all green in Chrome 19.0.1084.56 m and Chrome 21.0.1158.0 canary on Win7

Can you try that on the machines that a failing and let me know what is failing in the above test case.


Chrome 20.0.1132.27 beta on linux:
Simple tests
green: "webkitPerspective" in
red: @media (transform-3d),(-webkit-transform-3d){} support

Modernizr 3d tests
red: Modernizr.csstransforms3d
green: Modernizr.testAllProps('perspective');
red: Modernizr.testStyles('@media (transform-3d),(-webkit-transform-3d)...);


Found this bug which describes the 3d media query failing as it does in some versions of Chrome.

stucox commented Jan 21, 2013

Can this be closed then, as it looks like it's a Chromium bug?


@stucox can you submit a PR to add a code comment to this detect that documents this FP? we're going to try to document all FP's in the test source now..
then we can kill this ticket and track upstream.


Getting a false negative here:

On Chrome Version 26.0.1410.65

For some reason this example is working, despite a similar set up:

maelp commented May 3, 2013

Getting a false negative on Windows 7 & Chrome 27.0 (under

@stucox stucox closed this in #953 May 28, 2013
nikolas commented Oct 29, 2013

This seems to occur for me in Windows and Linux more than OS X. Modernizer.csstransforms3d is false on the Modernizr test suite in Ubuntu 13.10, Chromium 29.

This issue in the chrome bug tracker was last updated in May.


Issue exists on Chrome Version 28.0.1500.71 Built on Ubuntu 13.04, running on LinuxMint 15 (28.0.1500.71-0ubuntu1.13.04.1). reports:

green: "webkitPerspective" in
red: @media (transform-3d),(-webkit-transform-3d){} support

red: Modernizr.csstransforms3d
green: Modernizr.testAllProps('perspective');
red: Modernizr.testStyles('@media (transform-3d),(-webkit-transform-3d)...);

Is there a patch/workaround?

@rbell01824 rbell01824 referenced this issue in codrops/MultiLevelPushMenu Jan 13, 2014

Not working properly in my Ubuntu chrome sometime.. #3

stucox commented Jan 13, 2014

Not that we know of :-( Help us hassle the Chrome team to get this sorted!


This is still happening: no-csstransforms3d when it is supported by Chrome.
A few months ago I switched design and development to Linux (from Windows 7). And I thought, well it's one of the things I have to live with, until I bumped into this issue.

The funny thing is that when I just comment the check for the Modernizr class in my JS, to apply the 3D transform anyway, it works as expected. With: = 'translate3d(' ............
When I boot into Windows 7 to test in IE9, and also do a quick test in Chrome, Modernizr (in Chrome) detects : ccstransforms3d with the exact same webpage and hardware.

Chrome on Linux (See UA string) :
Modernizr in Chrome on Linux - no-csstransforms3d false positive


I just found and tested this Gist to be working on Linux and Windows :
It was linked from here :


Having the same issue. An page inside an iframe detected there was no csstransform3d feature available, while the iframe's parent did. Using Chrome Version 35.0.1916.153 on Debian 7.


Could you open up a new issue if you are having one?



I had the same issue and solved it by removing the async attribute from the script element:


getting the same problem in dec 2015 on iFrame on chrome 42 mac

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment