实现图像放大/收缩效果

Achieving the image expand / contract effect

本文关键字：图像 放大 实现      更新时间：2023-09-26

我想使相同的效果http://www.userreport.com/与他们的推特栏在一边，我看到他们扩大图像的宽度当。hover是在，但当我尝试

width:47px

它缩小图像而不是切割它，(我正在缩小保存图像的div)，他们使用JS还是他们只是操纵CSS来实现效果?

应该这样做:

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

不要忘记transition上的浏览器前缀

相关文章：