[JS]パララックスが楽しい、アニメーション用超軽量ライブラリ -$fx

オブジェクトを指定のポジションから指定のタイミングでアニメーションさせることができる超軽量(3.7KB)のJavaScriptのライブラリ「$fx」を紹介します。

$fxのトップページのキャプチャ

$fx - JavaScript animation library
demo

アニメーションは、それぞれのディレイのタイミングを変更することで、パララックス効果で奥行きを表現することもできます。
下記は、2つのオブジェクトのディレイのタイミングを変更する際のサンプルコードです。

デモでは、パララックス効果を使った宇宙空間にUFOが浮遊しているアニメーションが公開されています。

デモのキャプチャ

宇宙空間にUFOが浮遊しているデモ

sponsors

top of page

©2024 coliss