Search code examples
csswebkitmozillacss-transitions

-webkit- vs -moz-transition

I am using CSS3 transitions on my site and the -webkit- seems to be working, whilst the -moz- is not.

Here is the CSS:

article {z-index: 2; float: left; overflow: hidden; position: relative; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; }

.mousedown{-webkit-transform: translate(-180px, 0) !important; -moz-transform: translate(-180px, 0) !important; }

Just using jQuery to add the mousedown class onto the article.

Any idea where I am going wrong?

Solution

  • Firefox 4 and above supports -moz-transition. See the documentation page.