Jooles Oliver's Little Bird collection

css animated rainbow background

Littlebird takes inspiration from the 70's, using bold rainbow colours as one of the key brand assets. Supporting a new season launch I wanted to create something special to make the email stand out amoungst the inbox. I decided to take each of the rainbow colours and condense them into a animated gradient background. See a live example of the email »

Client compatabilty

Clients where the animation doesn't work it will fall back to a selected colour. The results on Gmail client were very interesting creating a non animated rainbow background (see below).

Gmail view