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

Three Dotsシンプルで可愛いCSSローディングアニメーション「Three Dots」前のページ

マイクロソフト オフィス2010のようなカラーピッカー「evol-colorpicker」次のページevol-colorpicker

関連記事

  1. no-image

    JavaScript

    多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」…

    frydBoxは、多彩なパラメーターでカスタマイズ性の高いモバイルフレ…

  2. FractionSlider

    JavaScript

    各要素ごとにスライドアニメーションを設定できるjQueryプラグイン「FractionSlider」…

    複数の各要素ごとにスライドアニメーションを設定できるjQueryプラグ…

  3. Rebox

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

  4. Inspiration for Letter Effects

    JavaScript

    印象的なテキストエフェクトを実装する「Inspiration for Letter Effects」…

    anime.jsを活用した、印象的でとってもかっこいいテキストエフェク…

  5. fineScroll bar

    JavaScript

    簡単に使えるスクロールバー実装「fineScroll bar」

    fineScroll barは簡単に使えるスクロールバーを実装できるj…

  6. JavaScript

    水面にゆらゆらと波打つ動きを与えてくれるjQueryプラグイン「lake.js」

    面白そうなプラグインだったので使ってみました。画像を指定するとその画像…

最近の記事

  1. SV-S251
  2. スラウェシ トラジャ
  3. 梅
  4. CAR-HLD12BK

アーカイブ

PAGE TOP