Плавное появление background?

Question

[issssrt]

$("section.box-1").css({
            "display": "none",
            "background": "url(" + img + ") center no-repeat",
            "background-size": "cover",
        });
        $(".box-1").fadeIn(400);

При таком вариант плавно появляется весь блок вместе формой и текстом который он содержит.
А как сделать чтобы только сам бэкграунд плавно показывался.

Answer 1

[Евгений Петров]

Использовать CSS — transition.

Answer 2

[Денис Инешин]

Тут можно схитрить с помощью псевдоэлементов: jsfiddle.net/rLcb4km5