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 franciscamoura.com
Francisca Moura – Graphic & Interaction Designer
ローディングがコピーライトの数字というのが面白いです。
https://franciscamoura.com/
2022-02-10
detail
Screenshot of www.addculture.com
Add Culture +
棒グラフがおしゃれです。
https://www.addculture.com/
2021-02-01
detail
Screenshot of tyrus.design
Tyrus
しっかり区切ったレイアウトが好みです。
https://tyrus.design/
2020-11-27
detail
Screenshot of www.yokohama-stadium.co.jp
横浜スタジアム
リンクマークのマウスオーバーアニメーションが素敵です。
https://www.yokohama-stadium.co.jp/
2020-11-11
detail
Screenshot of kutanism.com
KUTANism 石川県小松市・能美市 産地のオンラインミュージアム
細かなアニメーションが目をひきます。
https://kutanism.com/
2020-11-10
detail
Screenshot of www.chungiyoo.com
ChungiYoo
最近はこういったフォントを探しています。
https://www.chungiyoo.com/
2021-01-08
detail
Screenshot of www.sennep.com
Sennep – Digital product studio
独特のイラストが好みです。
https://www.sennep.com/
2020-11-09
detail
Screenshot of idea.sportsmanship-heros.jp
HERO’s IDEA
トップページでのページ内での移動の挙動が面白いです。
https://idea.sportsmanship-heros.jp/
2020-11-25
detail
Screenshot of pieni.co.jp
PIENI
写真が素敵すぎます。
https://pieni.co.jp/
2020-11-13
detail
Screenshot of virtualmuseum.fukuoka-kenbi.jp
福岡県立バーチャル美術館
トップだけでなく、下層もギミック満載です。
https://virtualmuseum.fukuoka-kenbi.jp/
2021-05-13
detail
Screenshot of chillysourcetokyo.com
Chilly Source
Muliというフォントがとてもシンプルで細めのnoto sansと相性が良いように感じます。
https://chillysourcetokyo.com/
2020-05-11
detail
Screenshot of www.antigif.nl
ANTIGIF – De ontwerpstudio in Den Bosch
左右にナビゲーションが存在しています。
https://www.antigif.nl/
2020-08-31
detail

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