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

Question

[DoSP]

Как сверстать подобную кнопку Joxi, но так чтоб на зеленые области не реагировал ивент "клик". Сверстал треугольники через :before, :after применив border, а когда начал вешать скрипт, понял, что неправильно. Скрипт срабатывает на зел. областях

Comments

[WhiteSama]

можно сделать квадрат, повернуть его на 90 градусов, и перекрыть другим слоем часть. или полигонами.

[Stalker_RED]

Код кнопки можете привести?

Answer 1

[Дима Паутов]

SVG

Answer 2

[Матвей Мамонов]

clip-path?
canvas?

UPD

А скрипт вы вешаете на элемент? Или на after и before элемента (на треугольник)?

Comments

[DoSP]

на элемент

[Матвей Мамонов]

DoSP: Направляйте на псевдоэлемент.
Например:
$('.myelement::bofore').something();
Это JQuery, если что.