[JS]CSS3を使ってレコード盤を緩急つけて回転させるスクリプト -DJ Hero

jQueryとCSS3を使用して、レコード盤を緩急つけて回転させるスクリプトをmarco folioから紹介します。

デモのキャプチャ

jQuery DJ Hero - CSS3 and jQuery fun
demo

緩急つけた回転のエフェクトはCSS3に対応したFirefox, Safari, Chromeなどの最新のブラウザで動作します。
デモでは各レコード盤の下にあるアローの右が加速、左が減速となっています。

DJ HeroはjQueryのプラグインのため、実装にはjquery.jsが必要です。

将来のバージョンでは、本当の音がでるようになるかもしれない、とのことです。

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

links for 2009-11-18 « 個人的な雑記

on 2009年11月19日

[...] [JS]CSS3を使ってレコード盤を緩急つけて回転させるスクリプト -DJ Hero | コリス (tags: jquery) [...]

top of page

©2011 coliss