v2 エフェクト
BgEffectCherryBlossom
ピンクの花びらがひらひらと舞い落ちる桜エフェクト。春・和風のページにぴったりです。
PREVIEW
デモ
概要
丸みのある花びら形状がランダムに回転しながら落下するエフェクトです。色相（--cherry-blossom-hue）を変えることで他の花びらの色も表現できます。
CSS カスタム変数
| 変数名 | デフォルト | 説明 |
|---|---|---|
--cherry-blossom-count |
60 |
花びらの数 |
--cherry-blossom-alpha |
1.0 |
アルファ係数。小さくすると淡くなる |
--cherry-blossom-hue |
345 |
花びらの色相（0〜360）。345 でピンク系 |
使用例
セクションへの適用
sections:
- template: hero
title: "Spring Collection"
effects:
- BgEffectCherryBlossom
ページ全体への適用
---
layout: layouts/base.njk
effects:
- BgEffectCherryBlossom
---
CSS 変数での調整
:root {
--cherry-blossom-count: 40;
--cherry-blossom-alpha: 0.8;
--cherry-blossom-hue: 345; /* ピンク */
}