Как сверстать уголок в диве?

Question

[Сергей]

Есть квадратный див с оранжевым бордером, как у одного уголка сверстать вот такой уголок?

Answer 1

[Хикмат Абдунабиев]

callmenick.com/_development/css-folding-corner

Answer 2

[Zbiten]

Как вариант

Answer 3

[Сергей Горячев]

https://jsfiddle.net/webirus/q2n5ngqo/3/
Прокатит?

Comments

[Сергей]

А как сделать тоже самое, но чтоб угол был прямой? Тогда ведь видно бордер блока.

[Сергей Горячев]

Сергей: Если бы я знал, я бы сделал сразу))) Тут проблема в том, что прозрачный фон должен быть и тень у блока. Если бы они не мешались, решения выше подошли бы с прямым углом.

[Сергей]

Sergey Goryachev: ну тоесть нельзя сделать с таким эффектом как мне надо?

[Сергей Горячев]

Сергей: угу

Answer 4

[Сергей]

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