Как увеличить картинку при наведении?

Question

[mustafich]

Прописал стили

.block2{
width: 150px;
height: 150px;background: url(../img/favicon/hi.jpg) no-repeat center top/cover;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.block2:hover {
width: 200px;
height: 200px;
}

Comments

[shadobut]

.block2:hover {
transform: scale(1.5);
}

Answer 1

[Артём Ведищев]

Тут все наглядно:
https://jsfiddle.net/dytcmcmL/1/
Первый вариант - ваш, второй вариант shadobut.
В зависимости от выбранного варианта меняется поведение страницы при наведении на картинку? transform: scale(1.5) увеличивает только картинку, не влияя на прочие элементы.