- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- となりのカインズさん | ホームセンターを遊び倒すメディア
- ホームセンターのマガジンです。
-
https://magazine.cainz.com/
2020-07-21 - detail
- PEAKZONE
- 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。
-
https://peakzone.jp/
2020-06-09 - detail
- FACT FASHION
- キャッチコピーの使用方法が面白いです。
-
https://factfashion.jp/
2020-11-27 - detail
- SOLES GAUFRETTE | バターゴーフレット専門店
- 色や写真の使い方が海外サイトのようです。
-
https://soles-gaufrette.com/
2020-08-04 - detail
- ACSL | 株式会社自律制御システム研究所
- KVが1スクロールでopacity:0;になるところが気持ち良いです。
-
https://www.acsl.co.jp/
2020-07-29 - detail
- 弥生焼酎醸造所
- ヘッダー背景のぼかしが良いです。
-
https://www.kokuto-shouchu.co.jp/
2021-06-03 - detail
- Lama Lama
- マウスに反応する仕掛けが面白いです。
-
https://lamalama.nl/
2021-12-06 - detail
- 互助交通
- テキストの上にのったマテリアルで雰囲気が出ています。
-
https://ninjo.gojyo-taxi.com/
2020-05-09 - detail
- BnA_WALL
- アイフレーム風デザインが斬新でおしゃれです。
-
https://bnawall.com/
2021-07-26 - detail
- Atolla | Custom Skincare
- プロダクト含めた全体の雰囲気が素敵です。
-
https://atolla.com/
2021-05-31 - detail
- Kati Forner – Welcome
- 丸いメニューと写真のレイアウトがおしゃれです。
-
https://katiforner.com/
2020-05-10 - detail
- Koval Web
- ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
-
https://kovalweb.com/
2020-11-16 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。