- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- ひとともり
- ラインを使用した細かいデザインがシンプルで、とても素敵です。
-
https://hitotomori.net/
2020-06-26 - detail
- 弥生焼酎醸造所
- ヘッダー背景のぼかしが良いです。
-
https://www.kokuto-shouchu.co.jp/
2021-06-03 - detail
- Virgin Hyperloop
- 1080kmも出るらしいです。
-
https://virginhyperloop.com/
2020-09-23 - detail
- 永久×バレット 公式サイト | TOKOSHIE×BULLET Official Site
- 様々な技術が上手く纏まっています。
-
https://tokoshie-bullet.com/
2020-09-08 - detail
- ionic (アイオニック)
- 画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
-
https://www.ionic.co.jp/ionic/
2020-08-13 - detail
- Francisca Moura – Graphic & Interaction Designer
- ローディングがコピーライトの数字というのが面白いです。
-
https://franciscamoura.com/
2022-02-10 - detail
- tote inc.
- 音楽も含めて世界観が好みです。
-
https://tote.design/
2022-02-25 - detail
- 「テプラ」PRO用アプリ「Hello」
- 画像の拡大表現が面白いです。
-
https://www.kingjim.co.jp/sp/hello/
2020-10-28 - detail
- CreativeCrew
- スプレーの表現とボタンホバー時の音が良いです。テキスト量の多い横スクロール時の参考にも良いかも。
-
https://partners.cpeople.ru/en/
2020-07-08 - detail
- SEP,inc.
- ハンバーガーメニューに対するカーソルの動きが面白いです。
-
https://sep.co.jp/
2021-12-15 - detail
- Mav Farm™
- WebGLの使い方がすごいです。
-
https://mav.farm/
2020-07-16 - detail
- 旺文社 ブランドサイト
- ヒストリーのデザインがシンプルで良いです。
-
https://www.obunsha.co.jp/pr/change/
2021-11-04 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。