User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/536.11 (KHTML, like Gecko) Chrome/20.0.1132.57 Safari/536.11 Steps to reproduce: We use CSS3 transforms extensively on our site, particularly in our top nav: http://www.easports.com/madden-nfl Upon updating to Firefox 14, the transforms (rotation, skew) no longer work. They continue to work in Chrome, Safari and older versions of Firefox. Actual results: Attempting to use any form of CSS3 transforms appears not to work. This is also reproducible by trying to create a CSS3 transform using the CSS3 Generator site: http://css3generator.com/ Expected results: CSS3 transforms should continue to work as in previous versions of Firefox.
skew() has been removed from Firefox, use skewX() & skewY() instead. See bug 734953.
According to css3generator.com, skew has been supported since Firefox 3.5. It continues to be supported in other major browsers. I understand that skew has been removed from CSS3 and that its purpose can be misleading, but it is a feature used by a massive portion of the web. css3generator.com itself uses skew in its examples. As CSS3 is still in flux, it seems like a massive mistake to arbitrarily remove features that are widely used.
Using experimental features results in experimental experience! (In reply to Steve Kwan from comment #2) > As CSS3 is still in flux, it seems like a massive mistake to arbitrarily > remove features that are widely used. No, there is no flux. The W3C CSS standard is finished now in regard to features and syntax. All browser vendors agree on this. IE 10 will ship this without prefix. Old/non-standard syntax may be supported by other browsers only with prefix, e.g. -webkit-. (It's WebKit's policy not to change shipped pefixed properties, which causes lots of problems. Mozilla's policy is different for good reasons.)
We've decided we're going to restore skew() support.
Definitely a good decision. Thanks so much for your consideration - the backwards compatibility is definitely appreciated!