抖音热门具有自动动画效果的便签墙，便签会自动排列成爱心形状并循环展示动画效果。

功能特点

自动循环动画：便签自动排列成爱心形状，保持3秒后散开消失，重新浮现

柔和过渡效果：所有动画都使用平滑的缓动函数，视觉效果舒适

响应式设计：适配各种屏幕尺寸

背景音乐：内置背景音乐播放控制

网格背景：优雅的网格背景设计

动画序列

排列阶段：便签自动移动到爱心形状位置(1秒)

保持阶段：爱心形状保持展示(3秒)

散开阶段：便签散开到屏幕边缘并淡出(1秒)

重现阶段：便签重新浮现到随机位置(1秒)

整个动画循环无缝衔接，持续展示。

技术栈

前端框架：React 18

构建工具：Vite

样式方案：Tailwind CSS

图标库：Lucide React

状态管理：React Hooks