Анимирование изображения CSS ⇐ CSS

[Anonymous]

У меня есть веб -баннер, и я хочу масштабировать фоновое изображение от большого до меньшего в анимации.
Изображение размером с 300px w x 600px h. < /p>
Проблема, которую я имею, настраивает изображение больше, но примерно на 10% (вне родительского девственного дел), а затем масштабирование до 100% (исходное размер). Больше за пределами родительского div оказывается трудным для моих ограниченных знаний. < /p>
Вот мой html: < /p>



< /code>
Вот css: < /p>
html {
box-sizing: border-box;
}

*,
*::before,

*::after {
box-sizing: inherit;
margin: 0;
padding: 0;
}

.wrapper{
width: 300px;
height: 600px;
overflow: hidden;
}

.image{
background-image: url('images/background.jpg');
width: 100%;
height: 100%;
background-size: cover;
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... -image-css