Как трансформировать div так, чтобы одна сторона поднялась выше другой?

Question

[IvanIvanIvanIvanIvan]

Как трансформировать div так, чтобы одна сторона поднялась выше другой? Как указано на картинке:

Comments

[Вадим]

transform: scew

Answer 1

[Ankhena]

Проще всего transform: skew() (значение укажите сами) для псевдоэлемента.
Менее удобная альтернатива: поворот блока и потом обратный поворот для теста.
Во втором варианте может быть размытие.

https://jsfiddle.net/9byhnupx/