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

이용 기술 HTML5, CSS3,

  • 조회수 99회

현재 데모에 대한 개발자 댓글

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

소스 다운로드 425.94 KB · ZIP 파일

Browse the Source

현재 데모는 GPL 라이센스 하에 공개되고 있습니다.

더 많은 정보 보기 tuxie