【发布时间】：2021-02-27 22:56:15
【问题描述】：
我有一个使用 ul li 网格布局设计的产品列表页面。li 的宽度为 171*367px。当用户将鼠标悬停在每个 li 上时，我需要在 li 的所有边上留出 10px 的边距和一个盒子阴影.在每边添加 10px 的边距时，li 的高度会增加，因此 li 在扩展时会推动其相邻元素。
我需要在不影响布局的情况下实现这一点
有什么办法可以做到这一点
【问题讨论】：
标签： css grid hover html-lists
【发布时间】：2021-02-27 22:56:15
【问题描述】：
这里使用 translate(x,y) 属性代替边距，x 和 y 指的是各自轴的坐标。
【讨论】：
-
我需要添加 translate(10,10) 而不是边距
-
添加变换：translate(10px,10px);