- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Olivier Gillaizeau — SF Based Creative Director
- マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
-
https://frenchbutnice.design/
2020-05-13 - detail
- Your 2021 Neighbourly Impact
- 全体の雰囲気がすごく好みです。
-
https://www.impact.compassion.com.au/
2022-01-07 - detail
- 桑名眼科脳神経クリニック
- レイアウトの仕方でデザインしているように感じます。美しいです。
-
https://kuwana-sc.com/
2020-10-16 - detail
- 株式会社フルスケール
- タイトルの表示方法が面白いです。
-
https://fullscale.jp/
2020-11-16 - detail
- プーカ株式会社
- ハンバーガーメニュー展開時のカレント表示が面白いです。
-
https://pu-ca.jp/
2021-01-08 - detail
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
- 建築に、温度を。｜梓設計
- KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
-
https://www.azusasekkei.co.jp/
2020-05-13 - detail
- THE RESTAURANT | 広尾
- 全店舗の統一感が良いです。
-
https://therestaurant-hiroo.com/
2020-08-14 - detail
- Kati Forner – Welcome
- 丸いメニューと写真のレイアウトがおしゃれです。
-
https://katiforner.com/
2020-05-10 - detail
- ドローンプラットフォーム docomo sky
- スクロールに応じて動画が再生されるコンテンツが増えています。
-
https://www.docomosky.jp/
2020-10-09 - detail
- NESTING
- PCのメニューがスクロールで横積みに変わるのが面白いです。
-
https://nesting.me/
2022-10-07 - detail
- 広告だからこそ、できることがきっとある。｜2020 60th ACC TOKYO CREATIVITY AWARDS ブランデッド・コミュニケーション部門
- 表示の際のアニメーションが面白いです。
-
http://www.acc-awards.com/2020fes/bc/thoughts/
2020-07-20 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。