実案件のは守秘義務などでもちろん載せませんが、
デモサイトや、お試しで作ったアニメーション置き場
こんなものつくれますよ～と、
みていただくためのものです
波
波紋、マウス追従
マウスホバーに依存するため
残念ながらスマホ非対応の様子
雪、粒子表示のjsプラグイン使用
泡、JavaScriptプラグイン使用こじゃれたやつ
泡にマウス重ねると大きくなります
泡、基本
泡、背景透過
水滴、速さなどは調整可
スクロールしてみてください
下にスクロールするほど背景が赤くなります。
潜るほど熱くなるイメージ
パララックスセクション 1
通常のコンテンツ...
スクロールすると背景画像が固定されたままコンテンツが上に流れます。
コンテンツ終了
パララックスセクション 2
次のコンテンツ...
コンテンツ終了
泡の窓、著作権など触れないよう、参考サイトから動き、画像変更
リンクとかもつけれます
動き作り直し2
動き作り直し3 (形状変化メイン)
動き作り直し4 (高さ・大きさ調整)