Screenshot of wota.co.jp
WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
https://wota.co.jp/wosh/
2020-07-15

インテリア 電化製品 のデザイン参考サイト
「 WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始 」

WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
https://wota.co.jp/wosh/
2020-07-15

以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);

メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。

back
Screenshot of www.badass35.com
The Badass Project
ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
https://www.badass35.com/en/home
2020-05-28
detail
Screenshot of fmj.tokyo
FMJ STUDIO
端を残しながら全面に散りばめられたKVの写真がおしゃれです。
https://fmj.tokyo/
2020-05-10
detail
Screenshot of tebiyamaya.com
手火山家(てびやまや)河文伝承
自分ではやらないようなヘッダーレイアウトだったので参考になります。
https://tebiyamaya.com/
2020-07-17
detail
Screenshot of visualize60.ndc.co.jp
VISUALIZE 60
日本語サイトとは思えないほど美しいです。
https://visualize60.ndc.co.jp/
2021-03-12
detail
Screenshot of grad.satuma-vidro.co.jp
grad. ice | grad.
ハンバーガーメニュー展開時のアニメーションが美しいです。
https://grad.satuma-vidro.co.jp/
2020-08-24
detail
Screenshot of midori.so
MIDORI.so | みどり荘
FVのデザインが面白いです。
http://midori.so/
2020-10-09
detail
Screenshot of www.ionic.co.jp
ionic (アイオニック)
画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
https://www.ionic.co.jp/ionic/
2020-08-13
detail
Screenshot of herb-to-galette.com
ハーブとガレット
遠近感のある植物の配置が素敵です。
https://herb-to-galette.com/
2020-07-21
detail
Screenshot of toridori.co.jp
toridori
落書きのような装飾が面白いです。
https://toridori.co.jp/
2021-01-06
detail
Screenshot of studio-has.jp
STUDIO HAS – スタジオ・ハス
余白やレイアウトがとても綺麗です。
https://studio-has.jp/
2020-07-03
detail
Screenshot of materials.8card.net
Eight 8/8/8th Anniversary
オープニングの数字のスクロールが素敵です。
https://materials.8card.net/product/888/
2020-09-17
detail
Screenshot of idea.sportsmanship-heros.jp
HERO’s IDEA
トップページでのページ内での移動の挙動が面白いです。
https://idea.sportsmanship-heros.jp/
2020-11-25
detail

サイトのキャプチャは、自動で撮影されているため、意図していないデザインが表示されている可能性があります。