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