ilimitado Web Entwickler Blog

Yesterday, while doing a break at work, i had the idea to implement the awesome Nexus live wallpaper for our blog in JS. So i sat down yesterday evening and implemented the Nexus live wallpaper with CSS3 and a little bit of JQuery animation magic. Here is the result:

For now this should just work in webkit browsers!, because i used the -webkit-gradient + opacity properties. I only tested it in the google chrome browser. Support for firefox, a canvas version + the blurring effect will follow.

If you want to add the wallpaper to your blog:

• Download the code from github
• Create a div with the id “wallpaper”, where the live wallpaper can be mapped to
• You might have to play around a little bit with z-index property to bring it to the background of the page
• Don’t forget to do a user agent check because, as i said, for now, this is just supported in webkit browsers

I uploaded a demo, so you can see it in action.

Have fun and buy me a beer!