2014-10-27 33 views
-1

http://www.thoughtspot.com/#forrester有三张纸上写有“forrester”的图像。当您将鼠标放在它们上面时,它们会稍微放大,然后当您将鼠标移开时,它们会缩小。我正在使用chrome,并且我看到应用了以下属性:这个CSS的缩放效果如何实现?

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

但是,这似乎表明没有缩放/只有原始大小。我对如何缩放正在发生不知所措。任何人都可以向我解释这一个吗?

+3

注意'div#forrester'的[':hover'](https://developer.mozilla.org/en-US/docs/Web/CSS/:hover)状态。 – showdev 2014-10-27 23:33:53

回答

0

showdev是正确的,则:悬停状态有以下过渡:

body.front DIV#Forrester的:悬停{

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

}

这似乎是在事后明显..可能需要咖啡因。