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 railroadladies.com
URL
画像を大胆に余白をとって配置する手法が素敵です。
https://railroadladies.com/
2020-10-09
detail
Screenshot of www.acc-awards.com
広告だからこそ、できることがきっとある。|2020 60th ACC TOKYO CREATIVITY AWARDS ブランデッド・コミュニケーション部門
表示の際のアニメーションが面白いです。
http://www.acc-awards.com/2020fes/bc/thoughts/
2020-07-20
detail
Screenshot of www.wildsouls.gr
Wild Souls
ロゴに合わせたイラストが素敵です。
https://www.wildsouls.gr/en/
2021-02-26
detail
Screenshot of ferrumpipe.com
Ferrumpipe — Fences and security gates manufacture
この商材で、このクオリティを実現させるのは凄いです。
https://ferrumpipe.com/
2020-09-10
detail
Screenshot of kodomonooka-nursery.jp
社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
イラストが良いです。
http://kodomonooka-nursery.jp/
2020-09-23
detail
Screenshot of unit-studio.ru
Производство модульных павильонов из морских контейнеров
建物のデザインとサイトデザインがマッチしているように感じます。
https://unit-studio.ru/
2020-09-08
detail
Screenshot of www.oniguili.jp
oniguili
レイアウトが素敵です。
https://www.oniguili.jp/
2021-05-07
detail
Screenshot of maisoncacao.com
MAISON CACAO公式ブランドサイト
productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
https://maisoncacao.com/
2020-05-19
detail
Screenshot of lumine.co.jp
LUMINE 会社情報
平体のかかったフォントが特徴的です。
https://lumine.co.jp/
2020-07-29
detail
Screenshot of boards.boldare.com
Boldare Boards — the online collaboration app
あえて懐かしいデザインを取り入れているがギミックは新しいものばかりでギャップが面白いです。
https://boards.boldare.com/
2020-10-27
detail
Screenshot of www.acsl.co.jp
ACSL | 株式会社自律制御システム研究所
KVが1スクロールでopacity:0;になるところが気持ち良いです。
https://www.acsl.co.jp/
2020-07-29
detail
Screenshot of www.jcomm.co.jp
株式会社 JR西日本コミュニケーションズ
人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11
detail

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