Как анимировать переход фон-изображение?

Question

Я добавляю класс в div, который изменяет фоновое изображение:

$('div').addClass('specialBackground');

Проблема в том, что этот эффект довольно резкий.Я хотел бы плавно переходить между различными фоновыми изображениями и надеюсь сохранить этот CSS в своей таблице стилей.Как мне этого добиться?

Answer 1

Посмотрите здесь пример .

Эффект затухания будет работать, если поместить изображение поверх фона и изменить его непрозрачность.