CSS: Как плавно изменять бэкграунд?

Question

[Максим Гречушников]

Требуется раз в 10 секунд плавно изменять фоновую картинку. Всего 3 картинки. Может кто подсказать как?
Гугл мучаю, но мозг не понимает.

Answer 1

[Nikita Shchypylov]

bx-slider хорошо подойдет

Answer 2

[Vadim Bogomazov]

?

Comments

[Максим Гречушников]

Я тоже так сделал. Но здесь Ани ация последовательная. А надо параллельная. Что б было ощущение что смена картинки идет

Answer 3

[Mary Солнечная]

Вот вариант для смены фона, но только не будет так плавно.
Создаете несколько классов: elements1, elements2 elements3 с фоном который вам нужен.
<div id="elements" class="elementX ">

$(function(){
  var div = document.getElementById('elements');
  var count = 0;
  setInterval(function() {
    if ( count == 0 ) $( div ).removeClass( 'element3' );
    $( div ).removeClass( 'element'+count );
    count++;
    $( div ).addClass( 'element'+count );
    if ( count==3 ) count = 0;
  }, 2000);
});

Answer 4

[andwin]

Делаем гифку и ставим как фоновую картинку

Comments

[Максим Гречушников]

оч смешно ))