来自新版 Facebook 设计的 CSS 发现

Ahmad Shadeed 深入研究 了新版 Facebook 的前端代码。

其中一个让我印象深刻的

.element {
  inset: 4px 0;
  /* Which is equivalent to: top: 4px, bottom: 4px, left: 0, right: 0 */
}

什么？这是我第一次听说 inset 属性。Ahmad 说他在 Chrome 80 中看到它起作用，但它绝对 不适合我（也不适合 Safari）。但在 Firefox 中可以。

它是 top/right/bottom/left 的简写（从某种意义上说，就像 margin 一样），如果您问我，这当然受欢迎。期待 支持。

---

如果您喜欢人们深入研究大型网站以学习知识……

• Elad Shechter 最近撰写了 WhatsApp Web CSS 的逆向工程。
• Tee Diang 对 Twitch.tv UI 进行逆向工程

直接链接 →