CSS: How to smoothly change the background?

Question

css

It is required once every 10 seconds to smoothly change the background image. Only 3 pictures. Can anyone suggest how?
Google torture, but the brain does not understand.

Answer 1

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

Answer 2

?

Answer 3

Вот вариант для смены фона, но только не будет так плавно.
Создаете несколько классов: elements1, elements2 elements3 с фоном который вам нужен.

$(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

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