01 / Hero Section
Line Drawing Hero
葉と葉脈の輪郭を、SVG の細い線で描いていく背景の上に、見出しと縦長の葉の写真を並べるヒーローの解説です。線は読み込み後に、根元から先へ向かって描かれます。
葉と葉脈の輪郭を、SVG の細い線で描いていく背景の上に、見出しと縦長の葉の写真を並べるヒーローの解説です。線は読み込み後に、根元から先へ向かって描かれます。
左に見出しと短い説明、右に写真を置く章の解説です。番号の下に、緑の細い線を引きます。
写真の左右を入れ替え、淡い緑の帯の上に置く章の解説です。交互に置くことで、リズムをつけます。
再び右に写真を置き、背景を白に戻す章の解説です。写真の角は丸め、ホバーでゆっくり拡大します。
