view_mode =

1/

all_categories=

PC表示

アパレルブランド「BEAMS」と別府市がコラボしたプロモーションサイト。

MVには温泉の湯気を連想させるアニメーションを取り入れ、より別府らしさを演出している。

雲のような柄の画像にCSSのtrasformやfilter、opacityを取り入れたanimationを適用させることで、湯気を再現しており、時折「WELLNESS」という文字が描かれた湯気も登場する。

スマホ表示

湯気などのCSSアニメーションはPC同様。

大きな画像や常に動くアニメーションが採用されているが、ページを開いた際や閲覧している際に重さは感じられない。

HAPPY OUTSIDE BEAMS | NEW BEPPU CITY GUIDE

https://www.beams.co.jp/special/happyoutside_beppu_cityguide/

credit=