skewX() and skewY() /skew()

I am unable to understand the concept behind skew functions in CSS…need help!!

The skew functions distort the element, try to take a look here: