8 июня 2017 в 9:43
Как средствами CSS реализовать эффект, в стилях изображений, "Масштабирование и обрезка"?
Как реализовать "Масштабирование и обрезка" на CSS?
Главные вкладки
8 июня 2017 в 9:43
Комментарии
никакими.
Ой вэй.
Способ раз - через background-image:
background: url(image.jpg);
width: 300px;
height: 300px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
Способ два, с тэгом img:
<img src="/about.jpg">
</div>
width: 300px;
height: 300px;
overflow: hidden;
position: relative;
}
.photo img {
width: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
fairrandir
да, ты прав. но, сомневаюсь что это было изначальной задачей.
Крутяк! Теперь можно грузить фотки на сайт прямо с зеркалки и не переживать, что сервер испортит качество!
PS: ))))
With great power comes great responsibility.
Спасибо) Вроде то)