Как сделать такой блок на css?

Question

[Максим]

Подскажите как сделать такой блок на css.

Answer 1

[Алексей]

Учитесь пользоваться поиском, пригодится.
codepen.io/search/pens?q=folded+corner&limit=all&t...

Comments

[Максим]

спасибо

Answer 2

[Алексей Струков]

В угол можно положить квадрат, у которого один коай будет иметь прозрачный бэкграунд, а другой край будет нужного нам цвета. Квадрат создается по принципу треугольников из контента шириной 0 и бордера нужного размера.

Comments

[Алексей Струков]

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

[Максим]

у меня задний фон градиентом, там так не получится реализовать. я сам знаю что так можно через before и after

[Максим]

Алексей Струков: уже нашёл решение

[Алексей Струков]

maxnrg33: как раз для градиента и есть мое решение) Уголок будет прозрачным и можно будет размещать блок на любом бэкграунде)

[Максим]

Алексей Струков: я когда писал 1 коммент, не видел твой коммент под ответом) как-то так)
Ну вообщем вот что мне было нужно codepen.io/jontroutman/pen/ihkvL

[Алексей Струков]

maxnrg33: ну в общем да, это и есть примерно как я хотел)