Как сверстать такую кнопку?

Question

[Satimof]

как можно сверстать такую кнопку? Скосы углов это диагональ квадрата 15x15 px, закругление 10px

Comments

[Ankhena]

В целом, ответ про гугл верный. Обсуждалось уже даже не сотни раз, а тысячи только на этом ресурсе.

- clip-path подходит для любого фона
- просто svg (инлайном, как фон, маска, как псевдо..)
- кусочки фона либо псевдо с серыми (в цвет фона) детальками для однородного фона
- различные комбинации линейных и радиальных градиентов

[Satimof]

Ankhena, то есть такого скругления можно добиться градиентами, верно понял?

[Ankhena]

Satimof, в данном случае я бы не стала

[Satimof]

Ankhena, основная проблема заключается в скруглении скошенных углов. Пробовал разные варианты, не помогало. Гуглил все, подобной ситуации не смог найти

[Ankhena]

Satimof, да вроде вариантов решения предостаточно.
Добавила ещё просто svg

[Максим]

скругления сделать на svg filter да и вообще всю кнопку собственно на самом svg ...

Answer 1

[Mors Clamor]

в гугле забанили?

Comments

[Satimof]

Спасибо, но данное решение не подходит

[Mors Clamor]

Satimof, с какой стати

[Satimof]

Mors Clamor, Левый верхний и правый нижний углы скошены и закруглены, а не просто закруглены. Я пробовал предложенное вами решение в самом начале, не подходит

[Ankhena]

Mors Clamor,

с какой стати

А с какой стати должно было подойти?

[Mors Clamor]

Satimof, Ankhena, сори, невнимательный. css polygon