← エフェクトラボへ戻る

ビフォーアフター比較スライダー

JS / CLIP-PATH

施工前の部屋
施工後の部屋
BEFORE AFTER

左右にドラッグ(スマホは指でスワイプ)。キーボードの左右キーでも動かせます。

※この見本は1枚の写真をもとに、左側だけ「補正前」の色味に加工して比較を再現しています。実際の案件では、お客様の施工前・施工後の写真をそのまま入れます。

使いどころ

リフォーム・外構・クリーニング・整体・美容など、結果が写真で伝わる仕事の実績紹介に。文章で「きれいになりました」と書くより、お客様自身が手を動かして確かめたぶんだけ強く残ります。