Как сделать на CSS?

Question

[Extramezz]

Блок имеет градиентную заливку, полупрозрачную. Как сделать косые углы?

Comments

[Stalker_RED]

По вашей картинке не очень понятно, вам blur нужен? Размытие?

[Extramezz]

Stalker_RED: Углы

Answer 1

[Сергей delphinpro]

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

С надписью еще проще - два псевдоэлемента-линии.

Answer 2

[Алексей]

https://jsfiddle.net/he05hvg7/