Всем привет как можно реализовать в html и css. Фото прилагаю.
8
-
1просто блок квадратный развернуть и загнать в угол а у родителя скрыть всё что вылазиет– Monkey Mutant23 июл 2019 в 17:01
-
какой блок вогнать?– Камран Раджабов23 июл 2019 в 17:05
-
я ответом написал - посмотри– Monkey Mutant23 июл 2019 в 17:12
-
спасибо я все понял– Камран Раджабов23 июл 2019 в 18:19
-
галочка рядом с ответом– Monkey Mutant23 июл 2019 в 18:25
|
Показать ещё 3 комментария
1 ответ
Если что-то не ясно, - спрашивай, я поясню.
Вот здесь => https://codepen.io/topicstarter/pen/ymerEL можешь тренироваться
.item {
margin: 50px;
position: relative;
width: 220px;
height: 320px;
border: 10px solid #fff;
box-shadow: 0 0 20px #ccc;
overflow: hidden;
}
.item:after {
content: "";
width: 150px;
height: 150px;
position: absolute;
left: -75px;
top: -75px;
background: tomato;
transform: rotate(45deg);
}
.item span {
display: inline-block;
position: relative;
transform: rotate(-45deg);
z-index: 10;
margin: 30px 10px;
font-size: 20px;
font-weight: 900;
}
<div class="item">
<span>release</span>
</div>