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

Question

[riksisharakshas]

Вот как надо.
На ум ничего кроме псевдокласса, который больше блока в ум не приходит, но есть ощущение, что есть способ элегантней. И желательно с хорошей поддержкой.

Answer 1

[Олег]

svg

Comments

[riksisharakshas]

а разве решение с свг не будет тяжелее чем с псевдоклассом?

[Олег]

riksisharakshas,
Чем тяжелее?


Сравни, сколько символов у тебя будет в в коде псевдоэлементов), если втыкает экономить на воздухе
ЗЫ. В наше время экономить на нескольких байтак - это секс.

[riksisharakshas]

Олег, понял, принял, благодарю!)

Answer 2

[Вадим Кот]

Как сделать подобный срез угла?
Как сверстать у элемента угол скошенный под прямым углом?