Как можно реализовать похожую кнопку?

Question

[Alexander9229]

Подскажите, как можно сделать такую кнопку? Учитывая еще hover эффект
Вот кнопка:
И вот такая становиться при hover-e:

Возможно кто-то видел похожие реализации.. Поделитесь ссылкой

Answer 1

[Анатолий Выскуб]

Вот нашёл в гугле. Ссылка

Answer 2

[Вася Булка]

Вот пример: https://codepen.io/Mckreature/details/NaBGdp

Answer 3

[felony13twelve]

Я конечно не мастер, но можно спомощью before и after
И при наведение просто сбрасывать стили

Comments

[Alexander9229]

Да, я тоже так подумал, но что-то ничего не выходит
Больше всего загвоздка стоит в том, как убрать углы, чтобы изначально они отсутствовали и при этом учитывать тот момент, что за ними может быть любой фон(картинка или background)

Answer 4

[partisan42]

Я может глупость предложу, но почему бы просто не отрезать эти углы у исходного изображения кнопки, оставив их без фона, то есть прозрачными, и подставлять это в качестве png файла?