Навскидку вариант:
Делаете 2 треугольника (один белый, второй с цветом рамки) через css и псевдокласcы :after и :before. Позиционируете их абсолютно, белому z-index больше красного. . Добавляете при клике новый класс .active например. Все )
Ссылка на треугольники:
https://css-tricks.com/snippets/css/css-triangle/