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 grids.obys.agency
Grids
通常でも素敵ですが、GridとCrazy Modeがすごいです。
https://grids.obys.agency/
2021-08-31
detail
Screenshot of www.acsl.co.jp
ACSL | 株式会社自律制御システム研究所
KVが1スクロールでopacity:0;になるところが気持ち良いです。
https://www.acsl.co.jp/
2020-07-29
detail
Screenshot of www.igaming.studio
iGS · iGaming Studio · The Design and UX Agency for iGaming Brands
水平スクロールのサイトでコンテンツ最後に次ページへの誘導がついているのは珍しいかもしれないです。
https://www.igaming.studio/
2020-08-31
detail
Screenshot of www.opensky.jp
株式会社OpenSky
なんとなく観てしまいました。
https://www.opensky.jp/
2021-02-08
detail
Screenshot of www.pics.tokyo
P.I.C.S.
WORKSが面白いです。
https://www.pics.tokyo/
2020-09-29
detail
Screenshot of pu-ca.jp
プーカ株式会社
ハンバーガーメニュー展開時のカレント表示が面白いです。
https://pu-ca.jp/
2021-01-08
detail
Screenshot of www.toei.co.jp
ACTION!
全方向スクロールで作るデザインが面白いです。
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04
detail
Screenshot of at-home.club
At Home
全てのページを開閉式のようにみせるレイアウトが流行っているのかもしれないです。
https://at-home.club/
2020-08-11
detail
Screenshot of soles-gaufrette.com
SOLES GAUFRETTE | バターゴーフレット専門店
色や写真の使い方が海外サイトのようです。
https://soles-gaufrette.com/
2020-08-04
detail
Screenshot of tebiyamaya.com
手火山家(てびやまや)河文伝承
自分ではやらないようなヘッダーレイアウトだったので参考になります。
https://tebiyamaya.com/
2020-07-17
detail
Screenshot of sumi.fillinglife.co
FIL – SUMI LIMITED
細かいところまでアニメーションが計算されているように感じます。
https://sumi.fillinglife.co/
2020-07-29
detail
Screenshot of www.baumjapan.com
BAUM(バウム)
レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。
https://www.baumjapan.com/baum/index.html
2020-05-15
detail

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