Diagonal Wedge Shaped CSS - Edge to Edge Centered in Browser

Posted by Varazi on Stack Overflow See other posts from Stack Overflow or by Varazi
Published on 2012-06-17T20:37:12Z Indexed on 2012/06/17 21:16 UTC
Read the original article Hit count: 290

Filed under:
|
|

I have been trying to make this shape in CSS.

Ideally it will span the entire length of the browser window and probably extend outside the field of view to support larger screens and also be centered so that the angle does not change.

Anyone have any solutions?

enter image description here

Also I think I might run into a problem of the angle aliasing harshly. I might need to resort to using an image. Would like to use CSS though.

** Image Spelling Error. (Indefinitely not Inevitably)

© Stack Overflow or respective owner

Related posts about css

Related posts about css3