マネしたいポイント

一番手前のレイヤーに香りを表現した煙をくゆらしています。ただ画像が動いているのではなく、煙のように変形しながら下から上へ昇っていきます。煙のように透過しているので、閲覧にも大きな影響はありません。

応用できそうな場面

湯気などで表現すれば、温泉旅館のサイトにも応用できそうです。気体に留まらず、最前面のレイヤーにちょっとしたエフェクトをかけるのは様々なところで活かせそうなアイデアです。

懸念点

最前面に要素持ってくるのでCSSでpointer-eventsをしっかり設定しないと、コンテンツのインタラクティブ要素が反応しなくなってしまうので注意です。