开始使用
首先，我在 Framer 中绘制了不同大小的星星，并将框架变成了包含几个变体的组件。在每个变体中，一个星星被放大，而另一个则被缩小。然后，我将每个变体与一个“On Appear”交互连接起来，这使得它们在一定延迟后自动循环。
创建自动播放动画
为了创建自动播放动画，我应用了与星星相同的技术来创建闪光效果。我创建了一个从左到右动画的淡入效果，以及另一个从右到左动画的淡入效果。然后，我将闪光效果放置在按钮内部，一个在顶部，一个在底部。一个放置在顶部的紫色填充覆盖了大部分动画，只留下动画在上方和下方可见 2px。
添加更多细节
最后，我使用来自@benjaminnathan的著名粒子组件添加了更多星星，该组件可以从https://particles.page获取。该图层设置为显示✦字符，其图层在悬停状态下仅变为不透明度 1。顶部的圆形渐变图层隐藏了远处的粒子。