html - 这个 CSS 缩放效果是如何实现的？

Question

在http://www.thoughtspot.com/#forrester上有一张三张纸的图像，上面写着“forrester”。当您将鼠标悬停在它们上方时，它们会略微放大，然后当您将鼠标移开时，它们会缩小。我正在使用 chrome，我看到应用了以下属性：

-webkit 变换：比例（1,1）；

但这似乎仅表明没有缩放/原始大小。我不知道缩放是如何发生的。谁能给我解释一下这个？

Answer 1

showdev 是正确的， :hover 状态具有以下转换：

body.front div#forrester:hover{

-webkit-transform:scale(1.02,1.02);

}

事后看来，这似乎很明显……可能需要咖啡因。