Как сверстать кнопку с border-radius на треугольнике?

Question

[Александр Кректун]

Помогите новичку сверстать кнопку. Как сделать треугольник в конце с градиентом, закругленными краями и внешней границей?

Answer 1

[dom1n1k]

Картинкой это нужно делать (PNG или SVG - зависит от деталей задачи и линчых предпочтений).

Comments

[Александр Кректун]

Спасибо)

Answer 2

[Lumore]

codepen.io/anon/pen/bEqZoO

Comments

[Савелий Дзвонкевич]

Да, но с градиентом и границей не все так просто

Answer 3

[Сергей Савостин]

На скорую руку: codepen.io/savostin/pen/VKGOXJ
Там еще бы тень/блик добавить и артефакты поубирать (надо точно вычислить отступы).