CSS3を使った豊富なスクロールエフェクト「stroll.js」

stroll.js

stroll.jsはCSS3を使った豊富なCSSリストスクロールエフェクトを実装できるのが特徴です。iOSやAndroid 4.x.にも対応しています。ウェーブやフリップなどいろんなスクロールエフェクトが用意されているので、気になる人は要チェックです。

stroll.js

以下、stroll.jsの実際のデモページになります。

デモ

デモページには全部で12種類のスクロールエフェクトが用意されています。GROW、CARDS(CSS 3D)、CURL(CSS 3D)、WAVE、FLIP(CSS 3D)、FLY(CSS 3D)、SIMPLEFIED FLY(CSS 3D)、REVERSE FLY(CSS 3D)、HELIX(CSS 3D)、FAN、PAPERCUT、TWIRL(CSS 3D)と、様々なスクロールエフェクトがあるので、見ているだけでも楽しいですね。

スクロールをすることで、いろんな動きをしながらリストが表示されていきます。ただスクロールされるよりも、このようなエフェクトが加えられていることでユーザーも印象に残りやすくなるのではないでしょうか?

iOSやAndroid 4.x.での動作もテスト済みとのことなので、モバイルにも最適なスクロールエフェクトになります。

stroll.js

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives