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

[F2Sky]

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


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

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

[zzetao]

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

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