Задать вопрос
gorbunovart
@gorbunovart
veb4ik

Как сделать фигуру?

Подскажите, как сделать вот такую вот фигуру, желательно с объяснениями, что бы я потом сам умел)
66ba33bef3a94911be00c45d79e8f72e.png
  • Вопрос задан
  • 282 просмотра
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@lemme
Frontend
Квадрат, плюс треугольник (псевдоэлемент).
https://jsfiddle.net/y6fwxuss/

На заметку.
https://habrahabr.ru/post/126207/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
verstka
@verstka
verstka.pro
Обычный блок (квадрат) + треугольник с position:absolute, сделанный псевдоэлементом before или after.
Ответ написан
Комментировать
@DanSorokin
Full-stack developer at onvoya.com
Есть несколько способов:
  1. Делаешь просто квадратный блок. Вырезаешь треугольник пнгшкой. Делаешь псевдоэлемент, с фоном этой пнгшкой.
  2. Делаешь квадратный блок, с псевдо элементом. Псевдоэлемент делаешь css треугольником.
Ответ написан
Комментировать
dom1n1k
@dom1n1k
Я бы сделал просто картинкой в фоне. Пользы от псевдоэлемента тут не вижу особой.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы