- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15
- Wild Souls
- ロゴに合わせたイラストが素敵です。
-
https://www.wildsouls.gr/en/
2021-02-26 - detail
- PEAKZONE
- 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。
-
https://peakzone.jp/
2020-06-09 - detail
- アニメ「BURN THE WITCH」公式サイト
- アニメのLPサイトなどの参考になりそうです。
-
https://burn-the-witch-anime.com/
2020-07-22 - detail
- JOHNNIE WALKER x HOUYHNHNM | WALKER’S club H
- 流れる文字が直線ではないところが技術的に面白いです。
-
https://www.houyhnhnm.jp/walkers_club_h/
2020-06-08 - detail
- PIENI
- 写真が素敵すぎます。
-
https://pieni.co.jp/
2020-11-13 - detail
- Kieran Baybutt
- トップページのPROJECTの見せ方が凝っています。
-
https://kieranbaybutt.com/
2020-08-24 - detail
- MAISON CACAO公式ブランドサイト
- productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
-
https://maisoncacao.com/
2020-05-19 - detail
- and株式会社
- お洒落なオリジナル作業着に心を掴まれました。
-
https://www.and-love.com/
2020-08-06 - detail
- Tools and equipment rental | Simplex
- 検索窓のデザインが面白いです。
-
https://www.simplex.ca/en-ca/
2020-09-28 - detail
- 株式会社ナナメ – CREATIVE MOVIE MAKER
- WORKSの見せ方が参考になります。
-
https://nanameinc.jp/
2020-08-24 - detail
- 株式会社フルスケール
- タイトルの表示方法が面白いです。
-
https://fullscale.jp/
2020-11-16 - detail
- Reflection – Une expérience de l’Opéra de Lyon
- 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
-
https://saison2020-21.opera-lyon.com/
2020-07-21 - detail
以下のCSSのみで、背景画像をぼかすことができるとは知りませんでした。
-webkit-filter: blur(10px);
filter: blur(10px);
メニュー背景以外にも、テキストを上に載せる際などに使える技術なので勉強になりました。
画像を何枚も読み込まずに、通常画像とボカしありの画像を使用することができるので便利です。