loratokareva
@loratokareva
html верстальщик

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

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

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

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

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

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

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