Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

ابحث في الدعم

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

The css transform property is not working in the new firefox. I have used -moz-transfrom and it was working just before the last update.

mrispoli
mrispoli
more options

Here's the code that no longer works. The buttons scale down in all other browsers but stopped working after the latest firefox update. 

      .bigButton:hover{
           -moz-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
           -webkit-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
           -o-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
           -ms-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
           transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
       }
Here's the code that no longer works. The buttons scale down in all other browsers but stopped working after the latest firefox update. .bigButton:hover{ -moz-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); -webkit-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); -o-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); -ms-transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); transform: scale(.95) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); }

All Replies (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

For some reason, skew() was removed in Firefox 14. You need to replace it with skewX() and skewY(). See https://developer.mozilla.org/En/CSS/transform for the syntax.

Edit: I wrote "for some reason" but what I should have said was "skew() is not in the standard, so it was removed, but I don't know why it was removed right now."

Modified by jscher2000 - Support Volunteer