@SenakPro

Как сверстать такой блок (фото прилагается)?

5ed3fa710b982890133249.png
Подскажите, как правильно сверстать данный блок (не обязательно готовое решение, можете хотя бы указать правильный способ). Пробовал через clip-path, но так как это свойство вырезает изображение, то элементы просто не встают на свои места
  • Вопрос задан
  • 315 просмотров
Решения вопроса 2
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
Вариант первый:



Уголки у псевдоэлементов можно закруглять.

Вариант второй:



Просто обычная реализация без каких-либо бонусов.
Ответ написан
user-agent
@user-agent
добавьте псевдокласс before с градиентом так:

html
<div class='block'></div>

css
.block {
width: 0; 
height: 0;
border-top: 50px solid transparent;
border-left: 50px solid #D0D4DC;
border-bottom: 50px solid transparent;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
SpiderPigAndCat
@SpiderPigAndCat
занимаюсь салообразованием
псевдоэлемент after
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
16 июл. 2020, в 17:04
500 руб./в час
16 июл. 2020, в 16:57
1500 руб./за проект