Mozilla Demo Studio

  • Submit a Demo

Smooth queries

Perform the moonwalk by using media queries

Built using JavaScript, HTML5, CSS3, Audio,

  • 80 views
  • 2 comments

More About This Demo From The Author

You'll see a brief dance performed by Michael Jackson while entering the page, and then you'll be abe to perform the moonwalk by enlarging or shrinking the window.
This funky animation takes place while the window is being enlarged or shrunk (tested on Mac and Windows).

This demo also uses HTML5 audio (using a hack so that the audio "loops").

You can also try to print the page.

2 comments so far

Register or log in to add your own.

  1. tuxie said,

    Great demo! I find very creative what you came up with.
  2. nestoralvaro said,

    Thanks a lot.

    Your demo is really good too!! I really enjoyed the rotations you've created: going on one direction when enlarging the window, and on the other direction when shrinking it. By combining the two images with rotations you've created a very nice effect.

Get the Source Code

Download the Source 2404.25 KB · ZIP File

Browse the Source

This demo is released under the MPL/GPL/LGPL license.

More by nestoralvaro