实现图片展开/合同效果

我想使http://www.userreport.com/与其侧边的twitter栏具有相同的效果，我发现当.hover打开时它们会扩大图像的宽度，但是当我尝试实现图片展开/合同效果

width:47px

它缩小图像，而不是切割它，（我正在收缩持有图像的div），他们使用JS还是只使用CSS来实现效果？

来源

2013-04-04 John Doe

像这样的东西应该工作：

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

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

不要忘记在transition

浏览器前缀

来源

2013-04-04 19:01:53 fmsf

实现图片展开/合同效果

回答

相关问题