- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- 三菱一号館美術館の10年
- 「ロゴデザインのゆくえ」というコンテンツが素敵です。
-
https://10th.mimt.jp/pc.html
2020-07-22 - detail
- Reflection – Une expérience de l’Opéra de Lyon
- 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
-
https://saison2020-21.opera-lyon.com/
2020-07-21 - detail
- Jacob McKee
- レイアウトが好みです。
-
https://jacobmckee.com/
2020-07-15 - detail
- CoverMyMeds Careers
- TOPページ「Our community」部分の視差効果が不思議です。
-
https://experience.covermymeds.com/
2020-06-08 - detail
- Neru inc | Brand & Service Design Studio
- ロゴが常に動いているところが可愛いです。商標登録についても考える必要がありそうです。
-
https://ne-ru.com/
2020-06-10 - detail
- Bien Joué – Studio de production vidéo
- スクロールすると画面に奥行きを感じるデザインです。
-
https://bien-joue.ca/
2020-08-27 - detail
- Diesel Wynwood ⏤ Condominium
- ブラウン管画面のような立体感とコンタクト画面でのざらつきが特徴的です。
-
https://dieselwynwood.miami/
2020-05-11 - detail
- 新宿 北村写真機店
- 紙のレイアウトのようなFVが魅力的です。
-
https://www.kitamuracamera.jp/ja
2020-08-03 - detail
- カップヌードルの裏側
- みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。
-
https://www.cupnoodle.jp/uragawa/
2021-07-28 - detail
- 建築に、温度を。｜梓設計
- KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
-
https://www.azusasekkei.co.jp/
2020-05-13 - detail
- クリエーティブ・ディレクター・コレクティブ (つづく)
- レイアウトや質感が素敵です。
-
https://tsuzuku.tokyo/
2022-02-25 - detail
- Patrick Heng – Creative Developer Portfolio
- マウスがオブジェクトにあたった際のモーションが気持ち良いです。
-
https://patrickheng.com/
2020-07-17 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。