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.antigif.nl
ANTIGIF – De ontwerpstudio in Den Bosch
左右にナビゲーションが存在しています。
https://www.antigif.nl/
2020-08-31
detail
Screenshot of www.chungiyoo.com
ChungiYoo
最近はこういったフォントを探しています。
https://www.chungiyoo.com/
2021-01-08
detail
Screenshot of kovalweb.com
Koval Web
ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
https://kovalweb.com/
2020-11-16
detail
Screenshot of www.reed.be
Reed, une agence pour votre stratégie digitale
最近の流行である絵文字のようなアイコンの使い方が上手いです。特にコンタクトエリアの吸い付くアイコンが面白いです。
https://www.reed.be/
2020-06-26
detail
Screenshot of lessnoros.com
Les Snorôs
表の見せ方がパッケージのような印象が出ていて好みです
https://lessnoros.com/
2020-10-28
detail
Screenshot of kutanism.com
KUTANism 石川県小松市・能美市 産地のオンラインミュージアム
細かなアニメーションが目をひきます。
https://kutanism.com/
2020-11-10
detail
Screenshot of www.dystopiancreatives.com
Dystopian Creatives
レイアウトの感覚と手書きのラインが絶妙です。
https://www.dystopiancreatives.com/
2020-08-20
detail
Screenshot of batou.jp
BATOU
写真とタイポグラフィーの組み合わせ方が面白いです。
https://batou.jp/
2021-11-04
detail
Screenshot of nanameinc.jp
株式会社ナナメ – CREATIVE MOVIE MAKER
WORKSの見せ方が参考になります。
https://nanameinc.jp/
2020-08-24
detail
Screenshot of hyakunen.com
Consulente HYAKUNEN
レイアウトが面白いです。
http://hyakunen.com/
2020-12-21
detail
Screenshot of tsuzuku.tokyo
クリエーティブ・ディレクター・コレクティブ (つづく)
レイアウトや質感が素敵です。
https://tsuzuku.tokyo/
2022-02-25
detail
Screenshot of wearetopsecret.com
Super Top Secret // Branding & Digital Agency
テキストのレイアウトが美しいです。
https://wearetopsecret.com/
2020-05-20
detail

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