Что не так с этим кодом? Эффект масштабирования не работает в Internet Explorer 10 или 11 (в других браузерах все в порядке).
<div class="image"></div>
.image {
width:300px;
height:200px;
background: url("http://lorempixel.com/300/200");
background-position:center;
background-size:100%;
transition: background-size 1s ease;
-moz-transition: background-size 1s ease;
-o-transition: background-size 1s ease;
-webkit-transition: background-size 1s ease;
}
.image:hover {
background-size:150%;
}
переход background-size должен работать с IE10/11, как я вижу здесь
В чем моя ошибка?
Я создал здесь Codepen