- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- URL
- 画像を大胆に余白をとって配置する手法が素敵です。
-
https://railroadladies.com/
2020-10-09 - detail
- Yourra! – Happy agency
- ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
-
https://yourra.fr/
2020-08-11 - detail
- Micro Bubble Bath Unit by Rinnai | 公式サイト
- 高級感のあるLPです。
-
https://rinnai.jp/microbubble/
2020-08-20 - detail
- ARTIDA OUD(アルティーダ ウード)
- 読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。
-
https://www.artidaoud.com/
2020-06-08 - detail
- 弥生焼酎醸造所
- ヘッダー背景のぼかしが良いです。
-
https://www.kokuto-shouchu.co.jp/
2021-06-03 - detail
- 「テプラ」PRO用アプリ「Hello」
- 画像の拡大表現が面白いです。
-
https://www.kingjim.co.jp/sp/hello/
2020-10-28 - detail
- cpw(シパウ)| 沖縄シークヮーサーのCCクリーム
- ロゴが面白いです。
-
https://dododododo.jp/pow/cccream-okinawa-shikuwasa/
2020-08-20 - detail
- The Badass Project
- ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
-
https://www.badass35.com/en/home
2020-05-28 - detail
- BOLD
- Webらしくない表現と「なるほど」と思うWebへの展開が面白いです。
-
https://b-o-l-d.jp/
2021-11-04 - detail
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
- 互助交通
- テキストの上にのったマテリアルで雰囲気が出ています。
-
https://ninjo.gojyo-taxi.com/
2020-05-09 - detail
- ThemesKingdom
- デザインの表示方法が素敵です。
-
https://themeskingdom.com/
2021-10-26 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。