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.

You need a chrome-dev-channel version in order to use these cli parameters…if not subscribe to the dev-channel first.

Linux (tested on ubuntu):

1. Open a shell
2. Launch chromium with following parameters –enable-webgl –no-sandbox (it should look like this: “chromium-browser –enable-plugins –enable-webgl –no-sandbox”

Windows:

1. Right click on your Chrome icon
2. Click on “properties”
3. Append arguments –enable-webgl –no-sandbox to your current path (it should look like this: “chrome.exe –enable-webgl –no-sandbox”