Spotify Like Dynamic Gradient Background Based On Image Colours

Ever wanted that dynamic background gradient colour that comes up in Spotify? Now you can get that same effect for you images with this pure CSS snippet. As you can see below, depending on the image there is a background gradient glow around that image using the primary colours of that image.

If you like this you might like more of our deconstruction snippets.

If you are having trouble with the pen, try the archived copy on GitHub and here is the one with 2 images side by side.

See the Pen
eYYvwWb
by Saijo George (@SaijoGeorge)
on CodePen.

Praveen Kumar

I am a fullstack web developer with a passion for SEO, creating stunning websites, and organic marketing. I am a perfectionist.

Post navigation