HTMLテンプレートにはDelightersを！

HTMLテンプレートを使っていくと

HTMLテンプレートを使うようになると、どうしてもギミックを入れたくなるので、色々と調べてみました。

そんな中で非常に興味深いスクロール系のギミックを見つけました！

『Delighters』

スクロールするとでコンテンツが横からスライドしたり、コンテンツが追従するように表示されたり、スクロールに合わせてCSSアニメーションを実装できるスクリプトです。

Delightersについて

簡単にまとめると、ユーザーがスクロールするのを楽しませるスクリプトです。

1.43kBの超軽量スクリプトで、他のスクリプトやスタイルシートに依存はありません。
スマホ・タブレット・デスクトップ、さまざまなデバイス・さまざまなサイズに対応しています。
さまざまな要素にアニメーションを適用できます。CSSで定義したデフォルトのスタイル、スタート時のスタイル、エンド時のスタイル間を繋ぐアニメーションが指定できます。

以下はこのサイトに設置したデモページです。スクロールをしていくとコンテンツが様々な方向から出てきます。※二つは同じです。

実装方法はググって下さい！簡単に見つかります。