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 butfirstchillout.com
CHILL OUT(チルアウト)オフィシャルサイト|【日本発】瞬間リラクゼーションドリンク
3Dモデルのモーションが美しいです。
https://butfirstchillout.com/
2020-05-09
detail
Screenshot of www.ranaextractive.com
RaNa extractive, inc.
細かいところまで作り込まれています。
https://www.ranaextractive.com/
2020-12-03
detail
Screenshot of rej-inc.co.jp
REJ株式会社
KVの動きが細かく、面白いです。
https://rej-inc.co.jp/
2020-05-18
detail
Screenshot of hiro.london
田邑嘉浩|HIRO.LONDON|GARDEN ARTIST — HIRO.LONDON
WORKS詳細ページのUIが新しいです。
https://hiro.london/jp/
2020-07-29
detail
Screenshot of virginhyperloop.com
Virgin Hyperloop
1080kmも出るらしいです。
https://virginhyperloop.com/
2020-09-23
detail
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 matter-of-mind.fr
MØM
最近、背景のノイズ感が目につくようになりました。
https://matter-of-mind.fr/en/
2020-10-06
detail
Screenshot of sretks.com
SRETKS.com
背景が立体に見えるのでしょうか?今、あのメガネが欲しいです。
https://sretks.com/
2020-09-16
detail
Screenshot of toridori.co.jp
toridori
落書きのような装飾が面白いです。
https://toridori.co.jp/
2021-01-06
detail
Screenshot of magazine.cainz.com
となりのカインズさん | ホームセンターを遊び倒すメディア
ホームセンターのマガジンです。
https://magazine.cainz.com/
2020-07-21
detail
Screenshot of rinnai.jp
Micro Bubble Bath Unit by Rinnai | 公式サイト
高級感のあるLPです。
https://rinnai.jp/microbubble/
2020-08-20
detail
Screenshot of goodroute.jp
GOOD ROUTE
スクロールと合わせたこのレイアウトは珍しいです。
https://goodroute.jp/
2020-11-16
detail

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