css transition

[nidhilive]

<style type=’text/css’>
-webkit-transition: all 0.5s ease-out; /* for chrome*/
-moz-transition:all 0.5s ease-out; /* for mozilla*/
</style>

But in the case of mozilla the transition is not working.
Anybody can help me ………….?

[Paulie_D]

Nope, please provide a link

[seamres]

Try adding this to the last line:
transition: all 0.5s ease-out;

[nidhilive]

Thanks Andy.
I really enjoyed that…..

[nidhilive]

Dear Paulie please check the link,
http://codepen.io/anon/pen/mgDhi

[joshuanhibbert]

Chrome is actually the browser displaying unexpected behavior here. CSS transitions don’t work on all properties, background images being one of the properties that isn’t animatable (http://www.w3.org/TR/css3-background/#the-background-image).

[amoss]

I tested with different image urls http://codepen.io/anon/full/usoEB

Worked for me in FF (somewhat, may need *animation*) and chrome (good).

[nidhilive]

Amoss, did you checked it correctly……..?

But in the case of Mozilla Fire Fox most of the css properties are same as in Google Chrome .
Yet there is a problem in their syntax . If you don’t mind can you suggest me some sites to learn it well.

[joshuanhibbert]

@nidhilive Hey mate, I actually researched your problem and gave you the solution. While it might not be what you are after, it is correct :)

[amoss]

@nidhilive , joshuanhibbert is correct.

[Author]

Posts