CODEWITHSUNDEEP
javascriptcssfirefox
Rulisp
Rulisp

Reputation: 1736

Transition doesn't work in Firefox

I want to change div's background image smoothly when user hovers mouse on element, so I use this code 


$("#bg").css({'background-image':'url("'+$(images[background_id]).attr("src")+'")', 'background-size':'cover', 'transition': '1.5s','-webkit-transition' : '1.5s'});

In Chrome it works fine, but in FF background is changing immediately

Upvotes: 1

Views: 158

Answers (1)

rotvulpix
rotvulpix

Reputation: 466

According to Mozilla docs, background-image transitions aren't supported by Firefox.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties

Upvotes: 1

Related Questions