CSS Gradients

Pure CSS Background

CSS Gradient

Inspired by this website and the mask image technique, this demo creates an irregular shaped gradient background with pure CSS. It's similar to a gradient map effect in Adobe Illustrator, but it's not a bitmap image and you won't have to worry about tiling or stretching a background image.