Smooth queries

Perform the moonwalk by using media queries

利用技術: JavaScript, HTML5, CSS3, Audio,

  • 閲覧数 82
  • コメント数 2


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 件のコメントがあります。

Log in to add your own.

  1. tuxie によるコメント

    Great demo! I find very creative what you came up with.
  2. nestoralvaro によるコメント

    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.

About this Demo

ソースをダウンロード 2404.25 KB · ZIP ファイル

Browse the Source

このデモは MPL/GPL/LGPL ライセンスの下で公開されています。

nestoralvaro による他のデモ