Как реализовать плавное появление изображения на background?

Question

[Corepro]

Как реализовать плавное появление изображения на бекграунде?
У меня есть блок определенного цвета, нужно чтобы при открытии страницы по центру блока плавно появлялось изображение и увеличивалось на весь блок.

Comments

[Владимир Коротенко]

сделайте видео с фэйдом

[ProjectSoft]

.background - блок с background
При загрузке страницы добавляешь класс к body .load
А дальше работает свойство transition

.background {
	background-image: url(path/image.jpg);
	background-size: 0%;
	transition: background-size .5s ease;
	background-position: center;
}
.load .background {
	background-size: 100%;
}

Answer 1

[Андрей Белов]

С помощью CSS создание анимации. Команда zoom + opasitive от 1 до 100%.

Comments

[Ankhena]

Zoom не поддерживается в Firefox.
А свойства opasitive не существует.
Команд вообще нет.

Но если использовать свойства opacity и transform: scale(), то угу, будет похоже на правду.