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

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

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

Css3 isnot working on ff14

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

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

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

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

strogylos72
strogylos72 Question owner
more options

yeah you are right! nice ...

Modified by strogylos72

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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)