这个CSS规模效果如何实现?

时间:2014-10-27 23:28:59

标签: html css css3 transform webkit-transform

http://www.thoughtspot.com/#forrester,有一张三张纸的图像,其中包含" forrester"写在他们身上。当您将鼠标悬停在它们上方时,它们会稍微放大,然后当您将鼠标移开时,它们会向下缩小。我正在使用chrome,我看到应用了以下属性:

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

但这似乎表明没有缩放/原始尺寸。我对缩放的发生方式感到茫然。任何人都可以向我解释这个吗?

1 个答案:

答案 0 :(得分:0)

showdev是正确的,:hover状态有以下转换:

  

body.front div#forrester:hover {

     

-webkit变换:规模(1.02,1.02);

     

}

事后看来这很明显..可能需要咖啡因。

相关问题