实现图像扩展/合同效果

Question

我希望http://www.userreport.com/与他们的推杆在侧面产生相同的效果，我看到当.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

上的浏览器前缀