请你扮演一位擅长创意交互的前端开发专家。我要做一个类似 Apple 产品页风格的“Scrollytelling（滚动叙事）”网页 Demo。

技术栈要求：

使用 HTML、CSS 和 GSAP (GreenSock) 配合 ScrollTrigger 插件。

交互逻辑：页面高度要设置得很长（如 5000px），建立一个全屏固定的视口（Pinned Container）。用户的滚动动作不移动页面，而是作为进度条（Scrub: 1）直接控制整个动画的时间轴播放。

视觉与动画流程（请按顺序实现以下 Timeline）：

开场： 屏幕中心只有简洁的文字 Slogan，随着滚动，文字放大并渐隐消失。

UI 演示： 随后，模拟“手机通知弹窗”和“邮件列表卡片”从不同方向平滑飞入屏幕中心。

堆叠特效： 继续滚动，这些分散的卡片要通过 3D 变换，自动吸附堆叠在一起（Stacking Effect）。

高潮： 出现一个“Unsubscribe All”的按钮，当滚动经过它时，堆叠的所有卡片瞬间向四周炸开/飞走（Explosion Effect）。

结尾： 露出最后的 Logo。

风格要求：极简主义、圆角卡片设计、阴影柔和、动画曲线要非常有弹性（Elastic/Spring）。请直接给我可运行的完整代码文件

本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体)，仅供学习参考。 用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权，请联系我们反馈本站将在三个工作日内改正。