Как сделать из обычной рамки другую?

Question

[Minningt]

Как задать такую рамку как на скрине только при нажатии на блок картинки? prntscr.com/84q93g Чтобы была сверху в виде стрелки, угла( не знаю как еще сказать). codepen.io/anon/pen/jPJwVV - вот рабочий пример.
При масштабировании страницы(увеличение после 100% или уменьшении) рамка должна быть на своем месте и никуда не уходить.

Comments

[Дмитрий Королёв]

Сам вопрос до конца не ясен, поэтому отвечать не буду. Скажу только про эту часть: "При масштабировании страницы(увеличение после 100% или уменьшении)"
Мой опыт показывает, что, если не получается сразу, то и не нужно морочить голову себе. Добиться адекватного отображения страницы при масштабировании на десктопных браузерах невозможно.

Answer 1

[neesoglasnaja]

Пример: codepen.io/mikehobizal/pen/EHDsu