Possible CSS3 question…Insight wanted

[Thadley]

What’s up fellow web people :)

I got a question regarding skewing ‘divs’ if you will, rather than having a image. Here is an example of what I mean, Look at the header graphic.

You see how the purple is skewed and then the blue is also skewed the same way. Can you achieve this with possible CSS or CSS3 to save using an image? Targeting a specific side and then ‘skewing’ it?

Just a question that struck me as interesting and if anyone has cool ideas how to accomplish this, then by all means, share :)

[OniLinkCR]

You could give it a try with using shapes using CSS. You just might. Problem, as you may have well guessed it, is IE.

[Thadley]

Oh ok, I’m not against using an image I was just curious lol. I will probably end up using an image due to the fact of cross browser compatibility.

Thanks guys :)

[chrisburton]

Seems like you could. I see a few shapes that would be quite easy using pseudo elements. Try it but use an image for fallback.

[Author]

Posts