css - how to make the sides (left bottom and right bottom) with different height? -

css - how to make the sides (left bottom and right bottom) with different height? -

i have design accomplish , finding bit hard describe problem.

i have tried looking @ transform, not need since transform rotates div rather making diagonal ending. possible accomplish using other functions?

you utilize css3 transform skewy() function positive value parent , negative value kid wrapper element accomplish effect.

check out demo demo

or utilize transform: rotate(45deg); rotate div.

css