Changes several properties of the elements as you resize the browser window.

Built using HTML5, CSS3,


More About This Demo From The Author

This demo aims to show how properties can be manipulated based on the browser window size. This works by defining different stylesheets for each of the dimensions you want to take actions on. For the demo I created 14 stylesheets, a base one for every widow size and 13 others for 100px, 200px, 300px and so on until 1300px width.

As you resize the window you'll see changes in the rotation, opacity, background, width and height of the elements.

It was tested on Firefox and Chrome, if you find any bugs or would like to propose improvements let me know. Pull requests are much appreciated =) Feel free to download, fork, modify and/or distribute it. Contact me if you have any questions about it.

Happy hacking!

About this Demo

Download the Source 425.94 KB · ZIP File

Browse the Source

This demo is released under the GPL license.

More by tuxie