Benjamin De Cock 分享了一些关于 Stripe 设计工作的精彩幕后故事。 绝对一切都很巧妙，并且使用了非常现代的技术。
- 使用 CSS 网格 来创建其标志性的背景条纹
- 使用 3D 立方体 来增添美感
- 使用 减少运动媒体查询 来满足该偏好
- 使用 Web 动画 API 在 JavaScript 中进行事件触发的类似关键帧动画
另外还有一个我以前从未见过的
Connect 的登录页面使用了新的 Intersection Observer API，它提供了一种更加健壮和高效的方式来检测元素的可见性……
observeScroll帮助程序简化了我们的检测行为（即，当元素完全可见时，回调函数会触发一次），而无需在主线程上执行任何操作。