KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I have a div element with text in it and a background image, which is set via the CSS property background-image . Is it possible to fade in the background image via jQuery? div { background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg); border: 1px solid #666; height: 10em; } <div>Text</div> EDIT I've made a fiddle exemplifying my scenario. Basically, this configures an initial background-image and a transition , and changes the background-image with jQuery. In my testing there is no animated transition between the two images. EDIT2 My revised fiddle works!
Tags (comma-separated)
Save Edits
Cancel