Diagonal split view for 2 options/links?

Is it possible to make a split view, basically 2 columns with a diagonal crop? What I’m trying to do is make the hero section a 2-option section with both options split diagonally. Also, each side to be a link.


Here is my public share link: LINK
(how to access public share link)

You probably don’t need the sections to be oblique but only the impression that they are, so this could.should be an image in the background of a section, then place a row element on top with two colums. Adjust padding to keep the content on each color zone.

Prefer SVG for the image bg so the weight is light and the image scalable.

Or you can go the all HTML way by using an absolute positionned element inside a div with overflow hidden, and then rotate the element to make a diagonal.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.