这不是 Martijn Cuppens 使用 User Agent 嗅探、CSS 技巧或类似方法来制作 这个怪异的 div。这只是一个普通的 <div>，使用 outline 属性，就像
div {
outline: inset 100px green;
outline-offset: -125px;
}它在不同的浏览器中看起来不同，因为浏览器在这个奇怪的情况下，字面上呈现的东西不同。
我偶然发现了 Reddit 用户 spidermonk33 的评论，他们对偏移进行了动画处理，以便更好地理解它。我借鉴了这个想法，制作了这个简短的视频，展示了它们比快照表现得更奇怪……