Multimedia (depraced!) > Various Background Patterns With CSS3 - Free

Various Background Patterns With CSS3 - Free


Date: 29 April 2011 | Posted by: Src
Various Background Patterns With CSS3 - Free


Demo:
http://9.bb/286885/5942-demo-css3-patterns


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


We’re very familiar with CSS3 gradients by now,today,we'll use CSS3 gradients to create many kinds of commonly needed patterns, including checkered patterns, stripes and more.

he main idea behind the technique is the following, taken from the CSS3 Images spec:

If multiple color-stops have the same position, they produce an infinitesimal transition from the one specified first in the rule to the one specified last. In effect, the color suddenly changes at that position rather than smoothly transitioning.
See full article