stroll.js

JavaScript

CSS3を使った豊富なスクロールエフェクト「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

関連記事

  1. no-image

    JavaScript

    カスタマイズ性の高いjQueryアラート・モーダル・lightboxプラグイン「jAlert」

    jAlertはカスタマイズ性の高いjQueryアラート・モーダル・li…

  2. awNotices

    JavaScript

    スタート・ストップ機能がついたシンプルなjQueryニュースティッカー「awNotices」

    awNoticesはスタート・ストップ機能がついたシンプルに切り替わる…

  3. Bootstrap Carousel Touch Slider with Text Animation
  4. A simple DIY responsive image slideshow
  5. Prism Effect Slider

    JavaScript

    プリズム効果を実装することができるスライダー「Prism Effect Slider」

    おもしろいスライダーがあったのでご紹介します。Prism Effect…

  6. jQuery Page

    JavaScript

    モバイルに最適なスライドやフリップを実装できる「jQuery Page」

    jQuery Pageは、スマホなどモバイルに最適なスライドやフリップ…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP