Wave Text Hero
1文字ずつ上下にゆっくり波打つ見出しと、円弧で切り抜いた窓の写真を組み合わせた、フルスクリーンではないヒーローの解説です。背景では、CSS の小さな丸の泡がページ全体をゆっくり昇り続けます。
Arc Window
02 / Tab Section
Horizontal Tab Section
横に並んだ丸い写真のタブで内容を切り替える構成の解説です。選んだタブの丸が大きくなり、下のパネルの写真・名前・説明文・数字が連動して切り替わります。
タブ構成01
選択中のタブは丸が大きくなり、マゼンタの縁取りで示す構成の解説です。下のパネルには大きな写真と名前、説明文、数字がまとまります。
数字の項目0198.4%
