我需要像这样在带有CSS的div中悬停[关闭]

Question

我使用 flexbox 创建了 div，当元素悬停时，我需要在图像上做类似的效果。我该如何解决这个问题？

Answer 1

使用 CSS box-shadow 属性：

#[here is your element name]:hover {
    box-shadow: inset 0 0 10px #0000ff;
}

Answer 2

您可以使用box-shadow 和inset 关键字：

.element:hover {
    box-shadow: inset 0 0 10px #000000;
}