Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Skewed divs side by side with masked image? Reply To: Skewed divs side by side with masked image?

#287052
rnbutler87
Participant

Thank you so much! That’s great, I’d never heard of clip-path!

So after learning a bit about clip-paths this is where I’m at now: https://codepen.io/rnbutler87/pen/YMMXew

It’s so close! Now trying to get my head around the last bit about how to get all 3 divs to appear to sit next to each other along the skew lines – there will need to be some dynamic overlap of the divs – will this require setting the divs to position absolute?

EDIT – Actually, it would seem better if I could use 130% and -30% for the second and fourth vertices X values but it won’t take it, is this expected?