@ferdasfarmazone
Верстальщик!

Как сверстать такой блок с уголком?

05a19a5961.jpg
конечно есть решения, с :after, и сделать треугольник с белой рамкой средствами CSS.
но все это:
1) некрасиво, как на меня;
2) сверху блока идёт градиент серого цвета ..
  • Вопрос задан
  • 323 просмотра
Решения вопроса 1
mrusklon
@mrusklon
Не получается? Яростно гугли!
а я бы не мучался и влепил картинку дедовским способом...
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
dom1n1k
@dom1n1k
"Идеального" способа, к сожалению, нет.
Все варианты либо костыльны и некрасивы с точки зрения кода (например, нашлепывать сверху белый треугольник), либо не совсем кроссбраузерны (отсечение по SVG-маске), либо геморны для контент-менеджера (готовить картиники с уже обрезанным углом).
Ответ написан
Комментировать
Amirez
@Amirez
В чем секрет кота Бориса?
с помощью :before
{
content:'';
position:absolut;
top:0;
right:0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 50px 0;
border-color: transparent #fff transparent transparent;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы