How can this be implemented on the web?

Question

css

Hello. Faced such here piece

How it is possible to implement it? This is the main page, these two blocks will be full screen.
The bottom line is that each trapezoid is a link.
I would appreciate any information.

Answer 1

http://codepen.io/werty1001/pen/VjJxGz

Answer 2

Here is an option https://habrahabr.ru/post/126207/

Answer 3

Crooked, you can remove the excess, well, something like this

Answer 4

you can rotate these two blocks by such an angle,
and the pictures inside them are placed each in their own blocks and rotated at the opposite angle