アニメーションの仕組み

ステップ1: 花びらを生成し、初期位置に配置
ステップ2: requestAnimationFrameで次のフレームに移動・回転・フェードアウトを開始
ステップ3: CSS transitionで3秒かけて滑らかにアニメーション
クリックしてアニメーションを開始