Background image help

[iamrojas]

Hey everyone,

So I’ve run into this problem and just was wondering what you think would be the best way to code this out.

http://puu.sh/fJJF1/29f7497321.png

This is a wireframe of a mock up that I am suppose to codeout. I have tried different solutions trying CSS borders, SVGS, and even background images. But I cant seem to find a perfect solution. I need the angles of the triangles to line up as it scales down.

Any suggestions?

[andrewehipp]

Have you considered clip-path? Or svg masking?

http://codepen.io/yoksel/full/fsdbu/

Honestly though if the layout can’t be done you could consider pushing back on the design. A slight change could make it more easily doable.

[Author]

Posts