Как с помощью css без использования картинки сделать косой угол у блока?

Question

[weranda]

Как без использования фонового изображения с помощью css сделать вот такой косой угол у блока?

Answer 1

[Виталий Киренков]

codepen.io/vitaliy_kirenkov/pen/XJVXdP

С размерами думаю сумеете поиграться.

Answer 2

[IceJOKER]

Думаю можно с помощью transform: skewX(); добиться этого эффекта

Comments

[weranda]

Сделал jsfiddle.net/brk8qLn7 но проблема с пикселизацией, это как то поддается сглаживанию, опять же, с помощью css или это тупик?

[IceJOKER]

weranda: посмотрите решение от Виталий Киренков , мне очень понравился его вариант )

Answer 3

[Матвей Мамонов]

Если заранее известен цвет фона, то можете попробовать наложить наверх простой блок с фоном, как у фона страницы и просто его повернуть:
transform: rotate(10deg);