Css3 isnot working on ff14
#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?
Modified by cor-el
الحل المُختار
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 👍 1All Replies (3)
الحل المُختار
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.)
yeah you are right! nice ...
Modified by strogylos72
They've decided to undo the removal of skew(). One of the next Firefox 15 betas (b3?) will have support for skew() again.
- bug 747637 - Restore skew() support