2014-10-27 42 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);

}

這似乎是在事後明顯..可能需要咖啡因。