Wednesday, 11 September 2013

CSS Gradient Diagonal Striped Background Misalignment

CSS Gradient Diagonal Striped Background Misalignment

I have created a SCSS mixin based on the Bootstrap LESS mixin that will
create a diagonally striped background. However, no matter how big I make
the "tile" for the stripe, there always seems to be a 1px mis-alignment.
I'm guessing that it has something to do with sub-pixel calculations, but
I'm wondering if someone can point me in the right direction.
http://codepen.io/allicarn/pen/ncHod
Another goal would be to modify the angle and have it work, but that's
just bonus points ;)

No comments:

Post a Comment