演出・リッチ
Before/After スライダー
中央のハンドルをドラッグして2枚の画像を見比べる。加工前後やリフォーム事例の比較に。
プレビュー
ドラッグ
操作ドラッグ／スワイプで操作できます（PC・スマホ対応）。
コード（コピーして使えます）
<div class="ba">
<!-- .ba-before / .ba-after を <img> に置き換えて使う -->
<div class="ba-after"></div>
<div class="ba-before"></div>
<div class="ba-handle">
<div class="ba-line"></div>
<div class="ba-thumb">↔</div>
</div>
</div>
<p class="ba-hint">← ドラッグ →</p>