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

Gebouwd met behulp van HTML5, CSS3,

  • 105 keer bekeken
  • 0 reacties

Meer over deze demo van de maker

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!

Nog geen reacties.

Meld u aan om die van uzelf toe te voegen.

Over deze demo

Download de bron 425.94 KB · ZIP-bestand

Browse the Source

Deze demo is uitgebracht onder de GPL-licentie.

Meer van tuxie