css 缩小进入 |css去除li的空隙

/* CSS 代码 */
.box {
overflow: hidden; /* 隐藏溢出的内容 */
transition: transform .3s ease; /* 添加 transform 动画效果 */
}
.box:hover {
transform: scale(0.9); /* 缩小至 90% 的大小 */
}

上述代码中，.box 是需要添加缩小进入效果的元素，overflow 属性用于隐藏内容的溢出，transition 属性指定动画效果的持续时间、过渡方式和延迟时间，这里大家使用 transform 属性来实现动画效果，它可以改变元素的大小、位置、角度和形状。

接着，在:hover 伪类中，大家使用 transform: scale(0.9) 缩小元素至原来的90%大小，scale() 函数可以设置元素的缩放比例，该函数的参数可以是一个小数（0 到 1 之间的值）或百分比（0% 到 100% 之间的值），缺省情况下，元素的缩放比例为 1。

最后，大家可以根据实际需要调整元素的大小和缩放比例，以达到最佳的视觉效果。