Design - slanted div blocks? - need help

MrOwlSky · August 1, 2019, 9:39pm

So I’m trying to create something like the image above. I assume that grey block is simply a DIV block colored gray and transparent of 20ish but how did they slant it so it’s angled?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

JSW · August 1, 2019, 9:43pm

Hi,

You can use the “transform” setting by Rotating a div

MrOwlSky · August 1, 2019, 9:52pm

That works but it leaves a pretty big cap on the side of the page. Any clue how to fix that?

dannyFig · August 1, 2019, 10:18pm

Please share your “read-only” link so we can take a look? Might be a margin thing.

shokoaviv · August 1, 2019, 10:26pm

I would use rotation that way:

place big dive (“A”) inside another div (“B”).
make “A” div as a 200vw add the rotation, now make dv “B” as with as you wish and add it “overflow hidden”.

I’ve built something similar - hope it helps

dapitts08 · August 1, 2019, 10:39pm

MrOwlSky · August 1, 2019, 10:52pm

https://preview.webflow.com/preview/theowlskys-main-site?utm_medium=preview_link&utm_source=designer&utm_content=theowlskys-main-site&preview=3aff2b29da6f5b392ec50c42055fda4a&pageId=5d435d7062513b80a15fb76d&mode=preview