After the dominance of flat colours in web design I’ve noticed a new trend of gradient use beginning to emerge. Gradients are nothing new in web design, but the CSS property of
linear-gradient now allows designers to add vibrant spectrums of colour directly to their code, rather than the traditional method of creating a gradient image in Photoshop. One advantage of the CSS approach is the gradient can be scaled to any size, which makes it great for screen filling gradient backgrounds. Today’s showcase features 25 examples of these super gradients used as backgrounds, headers and overlays.