@ivan_ivanov_ivanych

Как обрезать кнопку, чтобы осталась граница?

Добрый день!
Может кто сталкивался с подобным. Мне нужно сделать кнопку с округленным border, при этом обрезанную в одном углу, и эти углы тоже округленные.
64c7d8b0e0237803008880.png

Я уже пробовал clip-path - но он обрезает элемент, во-первых резко, во-вторых вместе с border и box-shadow.
Так же пробовал с before и after поколдовать, но пока тоже безуспешно.
Заранее благодарю за ответ!
  • Вопрос задан
  • 197 просмотров
Решения вопроса 1
@sewaca
Если честно, я бы лишний раз не шаманил и просто сделал бы рамочку с помощью before и background-image (экспортнуть рамочку в svg)
Вариант Mors Clamor с polygon в целом правильнее, но конкретно в случае border'a, насколько я помню, он просто обрежет рамку. В общем попробуйте сначала его вариант.
Если не получится, можете использовать мой вариант :)
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@66demon666
Сетевой админ, АТС-админ
смотрите в сторону CSS свойства polygon
Ответ написан
Ваш ответ на вопрос

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

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