需要解决悬停问题

问题描述

我有一个使用 ul li 网格布局设计的产品列表页面。li 的宽度为 171*367px。当用户将鼠标悬停在每个 li 上时，我需要向 li 的所有边和框阴影留出 10px 的边距.当向每边添加 10px 的边距时，li 的高度会增加，因此 li 在扩展时会推动其相邻元素。

我需要在不影响布局的情况下实现这一点

有没有办法做到这一点

解决方法

这里使用 translate(x,y) 属性代替边距，x 和 y 是指各自轴的坐标。