У меня есть элемент div
с текстом в нем и фоновым изображением, которое устанавливается через свойство CSS background-image
. Можно ли затухать в фоновом изображении через jQuery?
HTML:
<div>Text</div>
CSS
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;
}
ИЗМЕНИТЬ
Я сделал fiddle, иллюстрирующий мой сценарий. В основном это настраивает начальные background-image
и a transition
и меняет background-image
на jQuery. В моем тестировании нет анимированного перехода между двумя изображениями.
EDIT2
Мой измененный fiddle работает!