CSS悬停转换/变换背景颜色标度

Question

我希望元素的背景色发生变化，并使元素在悬停时略有增长。

我的问题是，背景颜色是适用于悬停，但它不涵盖所有扩大的div (在悬停上使用比例转换)。

请查看附件中的图像和代码。

较轻的背景应平齐到左边的虚线边框。

有什么想法吗？

#recent-posts li {
transition: all .1s;
-webkit-transition: all .1s;
-moz-transition: all .1s;
transform-origin:center bottom;
-webkit-transform-origin:center bottom;
-moz-transform-origin:center bottom;
}

#recent-posts li:hover {
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
background-color: rgba(0, 0, 0, 0.00);
}  

​

​

Answer 1

背景色的alpha值为0。

这使得它完全透明，所以没有什么可显示的背景。

看起来，您希望悬停颜色与容器的背景相同。在这种情况下，您应该设置容器的颜色与:hover的li颜色相同。