返回

Notice Stack

1 / 4：Build passed

  • Build passed

    solphox.com 已完成构建，没有发现错误。

  • New article draft

    一篇关于个人网站建设的文章等待发布。

  • Review ready

    最新的 Lab 实验已可在本地进行交互检查。

  • Deploy ready

    Cloudflare Workers 部署产物已准备完成。

悬停展开通知层，点击露出的下一张通知继续查看。

这个实验取自 sanyam.sh 的 Notice Stack：通知不是按列表平铺，而是一叠可以逐步揭开的卡片。指针先让下一张露出边缘，再让它抬高到可读标题的位置。

点击露出的通知会将它带到最前；处理或关闭当前通知会从队列中移除。实现保留了源项目的状态和层叠关系，同时使用 CSS 过渡控制动画，不增加额外动画库。