まるごとエステホームページへのご要望ありがとうございます。
レスポンシブ版の表示エリアに背景エフェクトの設定が増えました。
ヘッダーやメインメニュー、ページタイトルなどの背景エリアに
「ぼかし、彩度、明るさ、コントラスト、セピア、透明度」のエフェクトを設定できます。
<ご要望>
スクロール後固定などで重なった上のエリアにぼかしなどのフィルターをかけたい。
背景色の透明度と背景エフェクトを組み合わることで表示が重なった上のエリアを
すりガラスを載せたような見た目(ぼかし)にしたり、ノスタルジックな温かみのある見た目(セピア)にして
下のエリアの見た目を変えて、強調したり視覚的に楽しませたりすることができます。
是非、ご活用ください。
◆背景エフェクトサンプル
(メインメニューと店舗情報のスクロール固定後にぼかしを設定)
◆エフェクト効果のサンプル
設定なし
ぼかし(5px)
彩度[低](30%)
彩度[高](200%)
明るさ(50%)
セピア(80%)
コントラスト[低](30%)
コントラスト[高](200%)
◆透明度のサンプル
(エフェクト全体の効果に対して%で効きを調整する)
彩度(250%)+コントラスト(150%)
彩度(250%)+コントラスト(150%)
+透明度(30%)※3割の効果

+透明度(30%)※3割の効果

※背景エフェクトは設定エリアの下のエリアの見た目を変更します。
※背景エフェクトを使用するエリアの背景色の透明度を合わせて設定する必要があります。



