しゅう【Webサイト制作・コーダー】アニメーションテスト

実案件のは守秘義務などでもちろん載せませんが、
デモサイトや、お試しで作ったアニメーション置き場
こんなものつくれますよ~と、
みていただくためのものです

波紋、マウス追従
マウスホバーに依存するため
残念ながらスマホ非対応の様子

雪、粒子表示のjsプラグイン使用

泡、JavaScriptプラグイン使用こじゃれたやつ
泡にマウス重ねると大きくなります

泡、基本

泡、背景透過

水滴、速さなどは調整可

スクロールしてみてください

下にスクロールするほど背景が赤くなります。
潜るほど熱くなるイメージ

パララックスセクション 1

通常のコンテンツ...

スクロールすると背景画像が固定されたままコンテンツが上に流れます。

コンテンツ終了

パララックスセクション 2

次のコンテンツ...

コンテンツ終了

画面上からスクロールしてくると下から飛び出してくる
再度確認したい場合はブラウザリロードしてください

要素2
要素3