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.

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

Css3 isnot working on ff14

  • 3 cavab
  • 2 have this problem
  • 17 views
  • Last reply by cor-el

more options
#mebu_bar_btn {
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}

#mebu_bar_btn:hover {
	-webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
    -moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
    -o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
}

This code is not working anymore on ff14, why? why you made worst the ff14?

<pre><nowiki>#mebu_bar_btn { -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } #mebu_bar_btn:hover { -webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px); }</nowiki></pre> This code is not working anymore on ff14, why? why you made worst the ff14?

Modified by cor-el

Chosen solution

Firefox 14 removed support for skew() because it was removed from the CSS standard. You need to replace it with skewX() and skewY(). See https://developer.mozilla.org/En/CSS/transform for the syntax.

(Not sure why there was such a rush to remove it before people became accustomed to the replacement, but... that is a question for another day.)

Read this answer in context 👍 1

All Replies (3)

more options

Seçilmiş Həll

Firefox 14 removed support for skew() because it was removed from the CSS standard. You need to replace it with skewX() and skewY(). See https://developer.mozilla.org/En/CSS/transform for the syntax.

(Not sure why there was such a rush to remove it before people became accustomed to the replacement, but... that is a question for another day.)

more options

yeah you are right! nice ...

Modified by strogylos72

more options

They've decided to undo the removal of skew(). One of the next Firefox 15 betas (b3?) will have support for skew() again.

(please do not comment in bug reports)