Vanilla JSによる軽量のスクロールアニメーションライブラリ「Sal.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

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives