这种动态效果是怎么实现的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3684 天前的主题，其中的信息可能已经有所发展或是发生改变。

网页地址： https://www.clippings.io/

鼠标放在绿色方框标记的模块上时，大小可以动态的变化（多个都同时变化）

这种特性是怎么实现的啊？

方框

动态

模块

1 条回复 • 2014-10-27 16:12:14 +08:00

zzetao

2014-10-27 16:12:14 +08:00

CSS3
:hover 的时候改变宽度。 transition: width 300ms;
文字的话:

.home-services li span {
display: none; // 默认是隐藏的
}
.home-services li:hover span {
display: inline-block; // 当hover 在li的时候，显示span
}