html - この CSS スケール効果はどのように達成されますか?

Question

http://www.thoughtspot.com/#forresterには、「 forrester 」と書かれた 3 枚の紙の画像があります。それらの上にマウスを置くと、わずかにズームインし、マウスを離すと縮小します。私はクロムを使用しており、次のプロパティが適用されていることがわかります。

-webkit-transform: スケール (1,1);

しかし、それはスケーリングなし/元のサイズのみを示しているようです。スケーリングがどのように行われているのか途方に暮れています。誰か私にこれを説明できますか？

Answer 1

showdev は正しく、:hover 状態には次の遷移があります。

body.front div#forrester:hover{

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

}

それは後から考えると明らかなようです.. カフェインが必要かもしれません.