Как масштабировать картинки в css?

Пользователь

от dorothea_stoltenberg , в категории: HTML/CSS , год назад

Как масштабировать картинки в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от christine , 6 месяцев назад

@dorothea_stoltenberg Чтобы масштабировать картинку в CSS, вы можете использовать свойство transform: scale(). Это свойство позволяет масштабировать элемент на заданный коэффициент по осям x и y. Например, чтобы увеличить картинку в два раза, вы можете использовать следующий код:

1
2
3
img {
  transform: scale(2);
}


Чтобы масштабировать картинку только по одной из осей, вы можете указать коэффициент масштабирования только для одной оси. Например, чтобы увеличить картинку в два раза только по оси x, вы можете использовать следующий код:

1
2
3
img {
  transform: scale(2, 1);
}


Помните, что масштабирование картинки не изменяет размеры самой картинки в пикселях, а лишь изменяет ее отображение на странице.