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

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

sponsors

top of page

©2024 coliss