Illustratorなどで作ったSVGデータを使って、アウトラインを拾っていくパララックス効果です。
※古いブラウザでは表示されません。
2019/12/04時点では、tp_band1とtp_clinic3になります。
うまく編集できない場合は参考にしてみて下さい。
パララックス効果を出す為のjsファイルが必要です。
弊社マニュアルに沿って、vivus.jsをダウンロードし、お手元のテンプレートのjsフォルダに移動します。
<script src="js/vivus.js"></script>
IllustratorでSVGデータを出力する方法。
タグを出力できたら、テンプレートのhtml内にコピペします。このタグがある部分でアニメーションが展開されます。
「150」の数字を変更するとアニメーション速度も変化します。
「stroke」はアウトラインの色です。
「stroke-width」が幅。あまり大きくするとおかしくなりますが、2や3にすると太く変化します。
「width」はお好みで調整して下さい。
サポート掲示板からご質問下さい。