[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が必要です。

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

Post on:2009年11月18日