We love experimenting with emerging features of CSS3 like gradients and shadows. Today we're releasing another slick effect onto the Playground that follows the spirit of those effects and lets you create a blurred background like the ones you see on Rdio.
Our new Image Blur Texture tool takes a photo, blurs and enlarges it, and turns it into an abstract yet appealing background texture. You can use it on any block element — it stretches to fill any space just fine.
Using HTML5's Canvas or CSS3's filter effects, we take any old image, stretch it and blur it, to create a nice mottled texture effect. We've written a CodePen with all the code you need to mess around with it yourself. And look no further than the next iteration of Forrst, which will use image blurs in its headers.
