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/