Как сделать треугольник CSS для кнопки с прозрачным фоном?

Question

[Nikita Petiev]

Ребят подскажите пожалуйста, сейчас верстаю сайт по макету. Как сделать такой же треугольник к бордеру кнопки как на макете. Проблема в том что кнопка прозрачная, а фон родителя это текстура, и если вырезать треугольник картинкой, и отпозиционировать его туда то будут видны не состыковки текстуры с треугольником. А если делать данный треугольник с помощью свойств CSS то будет виден бордер кнопки в месте состыковки бордера кнопки и треугольника. Как быть? Как сделать так же как на макете?

Comments

[copal]

это может быть и квадрат с бордером только на двух сторонах..

Answer 1

[Андрей Федоров]

Недавно делал... Вот...
codepen.io/aliencash/pen/rxvebB

Comments

[Nikita Petiev]

Большое спасибо)