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!

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. Jei jums reikia pagalbos, užduokite naują klausimą.

Css3 isnot working on ff14

  • 3 replies
  • 2 have this problem
  • 17 views
  • Paskiausią atsakymą parašė 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.)

Skaityti atsakymą kartu su kontekstu 👍 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 Klausimą uždavęs asmuo
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)