Search Support

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

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.

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)

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