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.cupnoodle.jp
カップヌードルの裏側
みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。
https://www.cupnoodle.jp/uragawa/
2021-07-28
detail
Screenshot of kodomonooka-nursery.jp
社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
イラストが良いです。
http://kodomonooka-nursery.jp/
2020-09-23
detail
Screenshot of www.jcomm.co.jp
株式会社 JR西日本コミュニケーションズ
人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11
detail
Screenshot of town.odakyu-chukai.com
town | 小田急の仲介
スクロールでボケていくKVの写真が面白いです。
https://town.odakyu-chukai.com/
2021-05-21
detail
Screenshot of offseasoncreative.com
Off Season Creative
しっかり区切られているレイアウトが、最近の個人的な好みです。
https://offseasoncreative.com/
2020-08-11
detail
Screenshot of www.kingjim.co.jp
「テプラ」PRO用アプリ「Hello」
画像の拡大表現が面白いです。
https://www.kingjim.co.jp/sp/hello/
2020-10-28
detail
Screenshot of tyrus.design
Tyrus
しっかり区切ったレイアウトが好みです。
https://tyrus.design/
2020-11-27
detail
Screenshot of materials.8card.net
Eight 8/8/8th Anniversary
オープニングの数字のスクロールが素敵です。
https://materials.8card.net/product/888/
2020-09-17
detail
Screenshot of www.antigif.nl
ANTIGIF – De ontwerpstudio in Den Bosch
左右にナビゲーションが存在しています。
https://www.antigif.nl/
2020-08-31
detail
Screenshot of shutdown.gallery
SHUTDOWN.gallery
webサイトとは思えないほどのリアリティです。
https://shutdown.gallery/
2020-05-14
detail
Screenshot of www.uzabase.com
ユーザベース
初回訪問時の言語選択が親切です。
https://www.uzabase.com/
2021-01-04
detail
Screenshot of www.and-love.com
and株式会社
お洒落なオリジナル作業着に心を掴まれました。
https://www.and-love.com/
2020-08-06
detail

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