定番
新着
履歴

jQuery パララックス基本動作

jQuery パララックス基本動作
jQuery パララックス基本動作
スクロールに連動したアニメーションを実装のサンプルです。動きの速度を操作することで視差効果をおこり、不思議な表現を作ることができます。

このskrollr.jsというjQueryプラグインを使うと、スクロールに連動したアニメーションが簡単に作ることができます。

スクロールを数値に変換し、その加算に応じて、スタイルシートが変化してアニメーションに見えるイメージです。

これを応用すると視差効果(パララックス)を利用したデザインを作ることができます。ここではその基本動作を幾つか紹介します。

PC用とスマホ用で仕様がことなるので、それぞれ実装してみました。

2016-01-27 14:36:18
このページの二次元コード

関連するサンプル

人気記事ランキング

© 2019 kipure
Top