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.houyhnhnm.jp
JOHNNIE WALKER x HOUYHNHNM | WALKER’S club H
流れる文字が直線ではないところが技術的に面白いです。
https://www.houyhnhnm.jp/walkers_club_h/
2020-06-08
detail
Screenshot of ninjo.gojyo-taxi.com
互助交通
テキストの上にのったマテリアルで雰囲気が出ています。
https://ninjo.gojyo-taxi.com/
2020-05-09
detail
Screenshot of kutanism.com
KUTANism 石川県小松市・能美市 産地のオンラインミュージアム
細かなアニメーションが目をひきます。
https://kutanism.com/
2020-11-10
detail
Screenshot of homesociete.ca
Home Société | Contemporary Home & Outdoor Furniture
トレンドのビッグタイポと横スクロールをうまく合わせています。
https://homesociete.ca/
2020-05-19
detail
Screenshot of www.ranaextractive.com
RaNa extractive, inc.
細かいところまで作り込まれています。
https://www.ranaextractive.com/
2020-12-03
detail
Screenshot of sketchbook.kr
sketchbook
グリッドで制作するときの参考にクリップしています。
http://sketchbook.kr/
2020-05-25
detail
Screenshot of kodomonooka-nursery.jp
社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
イラストが良いです。
http://kodomonooka-nursery.jp/
2020-09-23
detail
Screenshot of vooban.com
Accueil — Vooban
メニュー内にある+アイコンから−になるアニメーションが良いです。
https://vooban.com/
2020-11-30
detail
Screenshot of materials.8card.net
Eight 8/8/8th Anniversary
オープニングの数字のスクロールが素敵です。
https://materials.8card.net/product/888/
2020-09-17
detail
Screenshot of standby-inc.com
Standby Inc.
シンプルなヘッダーとイメージの見せ方、全体の雰囲気が非常に好みです。
https://standby-inc.com/
2020-05-15
detail
Screenshot of www.luckyfolks.fr
Lucky Folks
メニューを展開した時のアニメーションが面白いです。
https://www.luckyfolks.fr/
2021-01-08
detail
Screenshot of idea.sportsmanship-heros.jp
HERO’s IDEA
トップページでのページ内での移動の挙動が面白いです。
https://idea.sportsmanship-heros.jp/
2020-11-25
detail

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