Мне нужно, чтобы при наведении курсора на блок он увеличивался вправо и наверх как бы. Я сделал так:
css:
.test {
background:gray;
width:200px;
height:200px;
cursor:url(http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif), auto;
}
.test:hover {
transform-origin: left top;
margin-top: -10px;
margin-left: 20px;
transition: margin-left 130ms;
transition: margin-top 130ms;
box-shadow: 0 10px 90px rgba(0, 0, 0, 0.4);
}
html:
<div class="test">TEST</div>
но почему-то не работает. Как сделать отступ, чтобы при наведении блок как бы увеличивался т.е как бы становился больше?
Как на этой картинке. Тут 4 блока и видно насколько первый блок больше при наведении. Мне нужно прям как там, помогите если можете.