演出・リッチ
マウス追従パララックス
マウス位置に応じて背景・中景・前景の3層が異なる量で動き、自然な奥行きが生まれる。
プレビュー
ホバー
操作カーソルを乗せると動きます（スマホはタップ）。
コード（コピーして使えます）
<div class="mp-stage">
<!-- 背景レイヤ（ゆっくり動く） -->
<div class="mp-layer mp-bg">
<div class="mp-star mp-s1"></div>
<div class="mp-star mp-s2"></div>
<div class="mp-star mp-s3"></div>
<div class="mp-star mp-s4"></div>
<div class="mp-star mp-s5"></div>
<div class="mp-star mp-s6"></div>
</div>
<!-- 中景レイヤ -->
<div class="mp-layer mp-mid">
<div class="mp-cloud mp-c1"></div>
<div class="mp-cloud mp-c2"></div>
</div>
<!-- 前景レイヤ（速く動く） -->
<div class="mp-layer mp-fg">
<div class="mp-planet"></div>
</div>
<p class="mp-hint">マウスを動かして</p>
</div>