3 простых и быстрых CSS техники для обрезания картинки

Техника 1 — использование отрицательных полей (Negative Margins)

Оригинал

Оригинал для примера

Резанное изображение

Оригинал для примера

CSS

.crop{
  float:left;
  margin:.5em 10px .5em 0;
  overflow:hidden; /* this is important */
  border:1px solid #ccc;
  }
/* input values to crop the image */
.crop img{
  margin:-41px -156px -40px -30px;
  }

Вернутся к статье | Вернутся на главную

Реклама