我需要在一个看起来像网站上的迪士尼烟花的白色背景上创建一个逼真的烟花效果（想象一个完整的页面背景，页面中心有一个标题，文字淡入，烟花出现在中途，最后是一个神奇的拱门灰尘会飞过中心的标题，然后重定向到登录页面。这是codepen的粗略演示 - 假设视频被包装在标签中），我不知道是否可以重新创建这个级别仅包含 HTML、CSS 和 JS 或任何类型的框架或库的动画（任何推荐都会很棒）。<video/>
我能想到的解决方案之一是使用一些视频效果软件（可能像 AfterEffects）创建一个视频并将其放在标题的背景中，这里的大问题是在短时间内学习该软件的时间成本使用视频的另一个问题是布局反应不灵敏，并且可能无法与 HTML 元素正确缩放。所以我想我还需要在视频本身中创建动画和字体，这样它们才能与烟花和拱尘一起正确缩放？
有一些烟花效果的示例代码，但它们不够逼真或不适用于白色背景，例如Firework jsFiddle。
我想知道你们中的任何人将如何处理这项任务？我真的很感激任何建议。注意：我还没有在 React 中实现它。