Sal.js

JavaScript

Vanilla JSによる軽量のスクロールアニメーションライブラリ「Sal.js」

Sal.jsは軽量のスクロールアニメーションを実装できるライブラリです。Vanilla JSが使われていてjQueryなどへの依存性もありません。オプションやアニメーションの種類もいくつか用意されているのでカスタマイズしたい人にも使いやすそうですね。

Sal.js

デモ

デモでは四角形や星形や六角形などいろんな図形がスクロールとともにアニメーション表示されます。スクロールアニメーションがあることでスクロールするのが楽しくなりますね。

  • fade
  • slide-up
  • slide-down
  • slide-left
  • slide-right
  • zoom-in
  • zoom-out
  • flip-up
  • flip-down
  • flip-left
  • flip-right

また、data属性には、data-sal-duration、data-sal-delay、data-sal-easingが用意されています。

Sal.js

関連記事

  1. Bootstrap Mobile FullScreen Modal
  2. JavaScript

    とても簡単にクールなドロップダウンを実装できるjQueryプラグイン「DropKick」

    個人的に使いやすそうだったので備忘録です。DropKickというjQu…

  3. Chocolat

    JavaScript

    レスポンシブ対応のシンプルなLightbox風のjQueryプラグイン「Chocolat」

    Chocolatはレスポンシブに対応したシンプルでスタイリッシュなLi…

  4. JavaScript

    スライドアニメーションが素敵なjQueryスライダー「Slideshow with jmpress.…

    とても素敵なスライドアニメーションを実装することができるjQueryス…

  5. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  6. quick-select

    JavaScript

    素早く簡単に選択できるセレクトボックス「quick-select」

    quick-selectは素早く簡単に選択可能なセレクトボックスを実装…

最近の記事

  1. BALMUDA The Pure
  2. BALMUDA The Pot Chrome

アーカイブ

PAGE TOP