v2 エフェクト
BgEffectSakura
桜の花びらがひらひらと舞うフルバリエーションエフェクト。春の演出に最適です。
PREVIEW
デモ
概要
BgEffectCherryBlossom と類似した桜の花びらエフェクトですが、BgEffectSakura はより多くのバリエーション（大きさ・形状・動きのランダム性）を持つフルバリエーション版です。より自然でリッチな桜の舞いを表現します。
CSS カスタム変数
| 変数名 | デフォルト | 説明 |
|---|---|---|
--sakura-count |
45 |
花びらの数 |
--sakura-alpha |
1.0 |
アルファ係数 |
使用例
セクションへの適用
sections:
- template: hero
title: "Spring"
effects:
- BgEffectSakura
ページ全体への適用
---
layout: layouts/base.njk
effects:
- BgEffectSakura
---
CSS 変数での調整
:root {
--sakura-count: 60;
--sakura-alpha: 0.8;
}