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