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 shutdown.gallery
SHUTDOWN.gallery
webサイトとは思えないほどのリアリティです。
https://shutdown.gallery/
2020-05-14
detail
Screenshot of mav.farm
Mav Farm™
WebGLの使い方がすごいです。
https://mav.farm/
2020-07-16
detail
Screenshot of tsuzuku.tokyo
クリエーティブ・ディレクター・コレクティブ (つづく)
レイアウトや質感が素敵です。
https://tsuzuku.tokyo/
2022-02-25
detail
Screenshot of otonamuse.jp
オトナミューズ ウェブ
カラーリングと写真のレイアウトが素敵です。
https://otonamuse.jp/
2021-11-18
detail
Screenshot of yourra.fr
Yourra! – Happy agency
ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
https://yourra.fr/
2020-08-11
detail
Screenshot of www.luckyfolks.fr
Lucky Folks
メニューを展開した時のアニメーションが面白いです。
https://www.luckyfolks.fr/
2021-01-08
detail
Screenshot of branche-chocolat.jp
BRANCHÉ CHOCOLAT | ブランシェ・ショコラ
#至福の正⽅形 というコピー、プロダクトや雰囲気が素敵です。
https://branche-chocolat.jp/
2020-09-11
detail
Screenshot of sretks.com
SRETKS.com
背景が立体に見えるのでしょうか?今、あのメガネが欲しいです。
https://sretks.com/
2020-09-16
detail
Screenshot of www.kingjim.co.jp
「テプラ」PRO用アプリ「Hello」
画像の拡大表現が面白いです。
https://www.kingjim.co.jp/sp/hello/
2020-10-28
detail
Screenshot of kaleidozdesign.com
Kaleidoz – Value Through Design
HOMEのキューブ型ナビゲーションが面白いです。
https://kaleidozdesign.com/
2020-09-11
detail
Screenshot of b-o-l-d.jp
BOLD
Webらしくない表現と「なるほど」と思うWebへの展開が面白いです。
https://b-o-l-d.jp/
2021-11-04
detail
Screenshot of tr.you84815.space
にほんご。
ライブラリやツールの英語ドキュメントを日本語に翻訳してくれています。
https://tr.you84815.space/
2020-07-31
detail

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