- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- The Badass Project
- ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
-
https://www.badass35.com/en/home
2020-05-28 - detail
- FMJ STUDIO
- 端を残しながら全面に散りばめられたKVの写真がおしゃれです。
-
https://fmj.tokyo/
2020-05-10 - detail
- 手火山家（てびやまや）河文伝承
- 自分ではやらないようなヘッダーレイアウトだったので参考になります。
-
https://tebiyamaya.com/
2020-07-17 - detail
- VISUALIZE 60
- 日本語サイトとは思えないほど美しいです。
-
https://visualize60.ndc.co.jp/
2021-03-12 - detail
- grad. ice | grad.
- ハンバーガーメニュー展開時のアニメーションが美しいです。
-
https://grad.satuma-vidro.co.jp/
2020-08-24 - detail
- MIDORI.so | みどり荘
- FVのデザインが面白いです。
-
http://midori.so/
2020-10-09 - detail
- ionic （アイオニック）
- 画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
-
https://www.ionic.co.jp/ionic/
2020-08-13 - detail
- ハーブとガレット
- 遠近感のある植物の配置が素敵です。
-
https://herb-to-galette.com/
2020-07-21 - detail
- toridori
- 落書きのような装飾が面白いです。
-
https://toridori.co.jp/
2021-01-06 - detail
- STUDIO HAS – スタジオ・ハス
- 余白やレイアウトがとても綺麗です。
-
https://studio-has.jp/
2020-07-03 - detail
- Eight 8/8/8th Anniversary
- オープニングの数字のスクロールが素敵です。
-
https://materials.8card.net/product/888/
2020-09-17 - detail
- HERO’s IDEA
- トップページでのページ内での移動の挙動が面白いです。
-
https://idea.sportsmanship-heros.jp/
2020-11-25 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。