- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- クリエーティブ・ディレクター・コレクティブ (つづく)
- レイアウトや質感が素敵です。
-
https://tsuzuku.tokyo/
2022-02-25 - detail
- GEEK PICTURES
- FVからスクロールした際の、ヘッダー周りのレイアウト変化が素敵です。
-
https://geekpictures.co.jp/
2020-11-25 - detail
- town | 小田急の仲介
- スクロールでボケていくKVの写真が面白いです。
-
https://town.odakyu-chukai.com/
2021-05-21 - detail
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
- MEMU EARTH HOTEL
- テキストのないトップページが印象的です。
-
http://memu.earthhotel.jp/
2020-05-18 - detail
- Micro Bubble Bath Unit by Rinnai ｜ 公式サイト
- 高級感のあるLPです。
-
https://rinnai.jp/microbubble/
2020-08-20 - detail
- Super Top Secret // Branding & Digital Agency
- テキストのレイアウトが美しいです。
-
https://wearetopsecret.com/
2020-05-20 - detail
- JOHNNIE WALKER x HOUYHNHNM | WALKER’S club H
- 流れる文字が直線ではないところが技術的に面白いです。
-
https://www.houyhnhnm.jp/walkers_club_h/
2020-06-08 - detail
- Do it Theater 新しいシーンは、THEATERからはじまる。
- ボタンアニメーションや罫線の使い方が独特で参考になります。
-
https://www.ditjapan.com/
2020-06-17 - detail
- 100 DAYS OF POETRY
- 横スクロールとクリック時のアニメーションが綺麗です。
-
https://100daysofpoetry.gallery/
2020-05-10 - detail
- Accueil — Vooban
- メニュー内にある＋アイコンから−になるアニメーションが良いです。
-
https://vooban.com/
2020-11-30 - detail
- 求人米「あととりむすこ」 / Recruiting Rice
- 生産者を自分で探す米というのが良いです。
-
http://www.atotorimusuko.com/
2020-10-02 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。