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?

#287047
rnbutler87
Participant

I’ve been thinking about cheating by simply setting the mask div to have a background image with a distorted image, skewed in the opposite direction so that when the div is skewed, it cancels out the baked in distort and displays it correctly…but this seems a bit hacky

BUT in the essence of just getting a preview for the client, this would work. So it would only leave me with the problem of only skewing the inside edge of the left and right sections…

PS this is the code-pen with the HTML and CSS:

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