How can i create 2 DIVS diagonal OnClick button - slide open?

HTML & CSS
1

Hi guys,

I would really appreciate it if somebody can help me to create this effect.
I need to create a fullscreen index page with 2 seperated DIVS and 1
background image, 2 buttons one left and one right, when you click on
one of the buttons the DIVS will open loke a door… behind that it will show the website.

Photo:

1279×878 72.2 KB

Thanks in advance.

2

To be honest I’d just have that entire big box image be the background image for a div, and then basic plain CSS to move the buttons to where you need. Nothing fancy at all. Shouldn’t need our help for that.

I wouldn’t bother making triangle shapes diagonal from each other TBH.

3

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