PageUp
@PageUp
narcoding

Как сделать такие края у DIV элеиента с помощью CSS?

5cdc7c5276395014456665.png

Подскажите, пробовал по западным мануалам border-left-color:transparent; Но все выходит как то криво и ужасно. Как сделать такие края у дива с минимумом лишнего кода?

Вот сам DIV

.classb {
font-family: "Palatino Linotype","Times",serif;
font-weight:normal;
color:#FAF8EB;
background-color: #938373;
background-image: url(../img/img-b.png);
margin-bottom:2px;
padding:2px;
padding-left:6px;
text-shadow: none;
}
  • Вопрос задан
  • 102 просмотра
Решения вопроса 1
@Get-Web
Верстальщик
При помощи clip-path это делается просто и эффективно, а в случае отсутствия поддержки в каком-либо старом браузере, самое худшее что случится, будет просто кнопка без уголка:

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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