- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- オトナミューズ ウェブ
- カラーリングと写真のレイアウトが素敵です。
-
https://otonamuse.jp/
2021-11-18 - detail
- CreativeCrew
- スプレーの表現とボタンホバー時の音が良いです。テキスト量の多い横スクロール時の参考にも良いかも。
-
https://partners.cpeople.ru/en/
2020-07-08 - detail
- broom inc.
- ProjectsやAboutのアニGIFが効いていて良いです。
-
https://www.broom-studio.com/
2020-08-04 - detail
- Moooi
- コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
-
https://www.moooi.com/en/a-life-extraordinary
2020-05-22 - detail
- CHILL OUT（チルアウト）オフィシャルサイト｜【日本発】瞬間リラクゼーションドリンク
- 3Dモデルのモーションが美しいです。
-
https://butfirstchillout.com/
2020-05-09 - detail
- Atolla | Custom Skincare
- プロダクト含めた全体の雰囲気が素敵です。
-
https://atolla.com/
2021-05-31 - detail
- Superfluid | Products are tools, we are beauty
- 詳細ページのアイコンやマーキーなどがサイト全体にあっています。
-
https://getsuperfluid.com/
2020-07-22 - detail
- ionic （アイオニック）
- 画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
-
https://www.ionic.co.jp/ionic/
2020-08-13 - detail
- The Badass Project
- ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
-
https://www.badass35.com/en/home
2020-05-28 - detail
- カワスイ 川崎水族館 – 2020年7月グランドオープン
- KVのイラストがイラレの画像トレースのようなイラストですが、このように使用すると良い感じです。
-
https://kawa-sui.com/
2020-07-01 - detail
- Cuberto — Leading digital agency
- featured projectsでの画像の見せ方が面白いです。
-
https://cuberto.com/
2020-09-03 - detail
- 建築に、温度を。｜梓設計
- KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
-
https://www.azusasekkei.co.jp/
2020-05-13 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。