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?

#287057
rnbutler87
Participant

I’ve figured it out!

https://codepen.io/rnbutler87/pen/dLLGGK

I set the middle div to 50% width and set the margins to 0 auto. Then the first and last section div are set to position absolute and set to position left and right = 0, respectively, so they sit on top of the middle div and it just looks like the middle section has the skew effect.

Thank you for your help, the clip-path was the key, very much appreciated taking the time to help.