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. View demo (Works in Webkit, Firefox 3.6+, Opera 11.50+ and IE10+) The 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.
Full HD Wallpapers = High Definition Wallpapers + CSS2 - Multiple background images. Vibrant Summer Photoshop Patterns. Tileable Starfield Photoshop Patterns. 12 Tileable Space Waves Photoshop Patterns. 12 Free High Resolution Grunge Stripes Photoshop Patterns. Ava7 patterns /// 1378 free seamless background patterns. Tartan Designer - Tartan Maker - Tartan Background pattern generator.
HYBRID GENESIS. Passion for Pattern. Twitter Patterns. The Inspiration Gallery - Free borders, backgrounds, fonts and unique graphics. The Inspiration Gallery - Acanthus Leaves Borders. SHIZOO ... n bisschen valide. 80 Stunning Background Patterns For Your Websites « Noupe. Oct 28 2009 We are always attracted to the outstanding design, layout or content when we click in a website, but seldom of us would notice the textures and patterns that are used.
If there are only background colors, many websites would not be that eye-catching as they are now.