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.
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)
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