Есть картинка, мне ее надо скрыть на половину, то есть я на половину ее загоняю за пределы блока в котором она находится.
Как я могу ту часть которая вылазит скрыть ? Что бы было вроде обрезанной картинки
Необходимо добавить overflow: hidden
контейнеру, который содержит картинку и прочий контент. Тогда всё, что за пределами контейнера, будет скрыто.
Источник: Свойство overflow
hidden
Отображается только область внутри элемента, остальное будет скрыто.
Создай div блок и помести в него изображение. В стиле для div укажи overflow: hidden;
.test {
height: 524px;
width: 250px;
overflow: hidden;
float: left;
}
h1 {float: right;}
<div class='test'>
<img src='http://cdn1.macworld.co.uk/cmsdata/features/3605337/MacbookAir11_lifestyle_15_thumb800.jpg'>
</div>
<h1>Половина изображения</h1>
overflow:hidden
контейнеру, который содержит картинку и прочий контент. Тогда всё, что за пределами контейнера, будет скрыто