javascript - 画像の伸縮効果を実現

Question

http://www.userreport.com/が横にある Twitter バーで持っているのと同じ効果を作りたいのですが、.hover がオンのときに画像の幅を拡大することがわかります

width:47px

画像を切り取るのではなく縮小します（画像を保持しているdivを縮小しています）、JSを使用していますか、それともCSSを操作して効果を達成していますか？

Answer 1

このようなものが動作するはずです:

div.twitter { 
   width: 100px;
   left: 100%;
   margin-left: -50px;
   transition: margin-left 2s;
}

div.twitter:hover { 
   margin-left: -100px;
}

上のブラウザの接頭辞を忘れないでくださいtransition