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.pics.tokyo
P.I.C.S.
WORKSが面白いです。
https://www.pics.tokyo/
2020-09-29
detail
Screenshot of botanistofficial.com
植物の生命力を肌へ|BOTANIST SKINCARE EVER
背景と画像のシャドーの関係性が良いです。
https://botanistofficial.com/special/skincare_ever/
2020-08-11
detail
Screenshot of www.acsl.co.jp
ACSL | 株式会社自律制御システム研究所
KVが1スクロールでopacity:0;になるところが気持ち良いです。
https://www.acsl.co.jp/
2020-07-29
detail
Screenshot of tensui.or.jp
天水福祉事業会
「リンクを強調する」というスイッチ、初めて見ます。
https://tensui.or.jp/
2020-10-09
detail
Screenshot of hypertria.com
Hyper Tria
動かない動画が面白いです。
https://hypertria.com/
2021-11-04
detail
Screenshot of sketchbook.kr
sketchbook
グリッドで制作するときの参考にクリップしています。
http://sketchbook.kr/
2020-05-25
detail
Screenshot of www.addculture.com
Add Culture +
棒グラフがおしゃれです。
https://www.addculture.com/
2021-02-01
detail
Screenshot of www.uzabase.com
ユーザベース
初回訪問時の言語選択が親切です。
https://www.uzabase.com/
2021-01-04
detail
Screenshot of offseasoncreative.com
Off Season Creative
しっかり区切られているレイアウトが、最近の個人的な好みです。
https://offseasoncreative.com/
2020-08-11
detail
Screenshot of junzo.com
黒田潤三アトリエ JUNZO KURODA ATELIER
写真や建築物が美しいです。
http://junzo.com/
2020-09-17
detail
Screenshot of www.crazy.co.jp
株式会社CRAZY(株式会社クレイジー) | CRAZY,Inc.
フッター付近での背景のアニメーションが素敵です。
https://www.crazy.co.jp/
2020-09-08
detail
Screenshot of newview.design
NEWVIEW
この騒がしさが今の気分です。
https://newview.design/
2020-08-21
detail

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