Задать вопрос
loratokareva
@loratokareva
html верстальщик
css

Как на css сделать кривой четырехугольник?

5d35b1648a372081934240.jpeg
Как можно такой сварганить?
как сделать трапецию получается, но вот прикрепить к ним еще и верхнуюю линию скошенной

{
height: 0; 
width: 100px;
border-bottom: 100px solid #FFE344;
border-left: 55px solid transparent;
border-right: 30px solid transparent;
}
  • Вопрос задан
  • 421 просмотр
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
@soledar10
html css3 js jquery
Пример
но лучше для данной задачи использовать svg
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
profesor08
@profesor08 Куратор тега CSS
clip-path

svg картинку на фон

css 3d transform для псевдо-элемента
Ответ написан
Комментировать
Комментировать
iamd503
@iamd503 Куратор тега CSS
Верстальщик 
clip-path: polygon(0 0, 100% 10%, 93% 100%, 8% 100%);
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать программу иммитирующую поведение человека для выбора услуг
20 апр. 2024, в 00:08
10000 руб./за проект
Разработать мобильное приложение android "справочник студента"
20 апр. 2024, в 00:01
4000 руб./за проект
[python,go] Залить ВИДЕО в тикток
19 апр. 2024, в 23:00
5000 руб./за проект
Ещё заказы