Versatile Background Patterns With CSS

One thing that has always bugged me about background patterns in web design is the lack of versatility in changing colours. It has always felt like changing the colour of the pattern could be easily done using CSS background colours, but I could never dial down the process to best achieve this.

Versatile Background Patterns

Thankfully for me this excellent tutorial on Creating Reusable & Versatile Background Patterns from Web Designer Wall details exactly what is involved in extracting the pattern from an existing image.

Demo

Wayne Moir

User Experience Designer