- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- MITOBE DESIGN CORPORATION
- FVでの「SCROLL」が良いアイデアです。
-
https://mitobedesign.co.jp/
2021-01-25 - detail
- Yourra! – Happy agency
- ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
-
https://yourra.fr/
2020-08-11 - detail
- PEAKZONE
- 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。
-
https://peakzone.jp/
2020-06-09 - detail
- Latitude – Latitude is a publication that’s as multi-faceted as you are
- ワイヤーのようなボタンやレイアウトが印象的です。
-
https://explorelatitude.com/
2020-07-27 - detail
- Bornstein LyckeforsBornstein Lyckefors
- ヘッダーの表現が好みです。
-
https://bornsteinlyckefors.se/
2022-04-04 - detail
- Pizza Pizza
- 単純な好みなのかもしれませんが…シンプルなグリッドシステムとフッターでのアニメーションが素敵です。
-
https://pizzapizza.io/
2020-09-03 - detail
- Alan Trotter dot com, for all your Alan Trotter needs
- シンプルで今の気分です。
-
https://alantrotter.com/
2022-06-06 - detail
- Add Culture +
- 棒グラフがおしゃれです。
-
https://www.addculture.com/
2021-02-01 - detail
- 西谷デザイン
- ついスクロールがとまります。
-
https://ryutanishitani.jp/
2020-07-29 - detail
- MAISON CACAO公式ブランドサイト
- productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
-
https://maisoncacao.com/
2020-05-19 - detail
- The Queen and The Crown
- 奥行きが面白いサイトです。
-
https://www.thequeenandthecrown.com/
2020-12-04 - detail
- REJ株式会社
- KVの動きが細かく、面白いです。
-
https://rej-inc.co.jp/
2020-05-18 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。