- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- grad. ice | grad.
- ハンバーガーメニュー展開時のアニメーションが美しいです。
-
https://grad.satuma-vidro.co.jp/
2020-08-24 - detail
- 植物の生命力を肌へ|BOTANIST SKINCARE EVER
- 背景と画像のシャドーの関係性が良いです。
-
https://botanistofficial.com/special/skincare_ever/
2020-08-11 - detail
- CHILL OUT(チルアウト)オフィシャルサイト|【日本発】瞬間リラクゼーションドリンク
- 3Dモデルのモーションが美しいです。
-
https://butfirstchillout.com/
2020-05-09 - detail
- Yourra! – Happy agency
- ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
-
https://yourra.fr/
2020-08-11 - detail
- Your 2021 Neighbourly Impact
- 全体の雰囲気がすごく好みです。
-
https://www.impact.compassion.com.au/
2022-01-07 - detail
- 求人米「あととりむすこ」 / Recruiting Rice
- 生産者を自分で探す米というのが良いです。
-
http://www.atotorimusuko.com/
2020-10-02 - detail
- Jacob McKee
- レイアウトが好みです。
-
https://jacobmckee.com/
2020-07-15 - detail
- GOOD ROUTE
- スクロールと合わせたこのレイアウトは珍しいです。
-
https://goodroute.jp/
2020-11-16 - detail
- Mav Farm™
- WebGLの使い方がすごいです。
-
https://mav.farm/
2020-07-16 - detail
- oniguili
- レイアウトが素敵です。
-
https://www.oniguili.jp/
2021-05-07 - detail
- LM Chabot
- 画像がロードされる前にカラフルな要素が表示されているとことが良いです。
-
https://lmchabot.com/
2020-06-15 - detail
- Future Noodles
- 食品のイメージとしては珍しい配色だと思います。
-
https://futurenoodles.com/
2021-05-06 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。