Friday, February 25, 2011

Checkerboard, striped & other background patterns with CSS3 gradients




You’re probably familiar with CSS3 gradients by now, including the closer to the standard Mozilla syntax and the ugly verbose Webkit one. I assume you know how to add multiple color stops, make your gradients angled or create radial gradients. What you might not be aware of, is that CSS3 gradients can be used to create many kinds of commonly needed patterns, including checkered patterns, stripes and more

Article Source: http://leaverou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/