How to prepare div from stadart rectangle shape to polygon with CSS or canvas?

I would like to prepare HTML element like on image here:

Image shoud fill whole polygon are like this...
A problem is the DIV element has polygon shape instead of regular rectangle, will be placed above other elements as something like popup and inside that element there is necessary to show an image with rectangular shape in source but showed on web like filling all space included triangle on the left side.

Do you think is there any possibility to realize that without preparing showed images as transparent PNGs in proper polygon format? Only by CSS3 transform or use canvas?

Tnx in advance, H:)


Source: css3

Leave a Reply