Spec @media (-webkit-transform-3d)

[foolip]

https://code.google.com/p/chromium/issues/detail?id=426644

We don't think it's possible to remove this in Blink given the high usage:
https://www.chromestatus.com/metrics/feature/timeline/popularity/237

CC @RByers

[miketaylr]

Yeah, we've seen compat issues (in Japan IIRC) for this same reason.

[cvrebert]

MS Edge added support for this.

[miketaylr]

It seems like an older version of Modernizr had a test for csstransforms3d that required this too:

https://bugzilla.mozilla.org/show_bug.cgi?id=1239136#c8

g.csstransforms3d = function() {
  var e = !!D("perspective");
    return e && "webkitPerspective" in o.style && x("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}", function(t, n) {
    e = t.offsetLeft === 9 && t.offsetHeight === 3
  }), e
}

(currently on yahoo.com's homepage)

[miketaylr]

Apple docs:

https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/OtherStandardCSS3Features.html#//apple_ref/doc/uid/TP40007601-SW3 (do they support this unprefixed?)

[cvrebert]

do they support this unprefixed?

Negatory:

Testcase: http://jsbin.com/roboja/edit?html,css,js,output

Although some authors include an unprefixed version in their stylesheets in an attempt to be good citizens.

[miketaylr]

Cool, thanks @cvrebert.