.test {
background-color: black;
-webkit-transition: all 1s ease;;
-moz-transition: all 1s ease;;
-o-transition: all 1s ease;;
transition: all 1s ease;
overflow: hidden;
}
.test:hover {
transform: scale(0.9);
}
.test img {
margin: 100px;
transition: 1s;
width: 50rem;
}
.test img:hover {
transform: scale(1.2);
}
<div class="test">
<img style="width: 400px" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRP46lQKg17HWmKMsToy49X1cAAmGvIEQgA8Q&usqp=CAU">
</div>
Как одновременно уменьшить блок и увеличить картинку?