Question

悬停时如何让图像发光？我想用白色。

<a href="mailto:someone@example.com"><img src="resources/img/email.png"  class="img-circle"></a>

图像：

http://i.stack.imgur.com/Hx0kH.png

无法发布链接。所以，我想让它发光（内部），谢谢。任何帮助都会很棒

Answer 1

我认为你要做的是用相同图像的两个版本完成（使用照片编辑工具）。然后使用此代码：

<img src="URL of darker image here"
         onmouseover="this.src='URL of lighter image';"
         onmouseout="this.src='URL of darker image here';">
</img>

Answer 2

您可以使用

在边框处发光

img:hover
{
-moz-box-shadow: 0 0 5px 5px #ddd;
-webkit-box-shadow: 0 0 5px 5px #ddd;
box-shadow: 0 0 5px 5px #ddd;
}

您可以根据自己的要求选择所需的颜色。你也可以访问http://codepen.io/anon/pen/ilqnb 或http://css3generator.com/

Answer 3

您可以使用box-shadow withInset属性

.shadow {-moz-box-shadow：inset 0 0 10px＃000000; -webkit-box-shadow：inset 0 0 10px＃000000; box-shadow：inset 0 0 10px＃000000; }

悬停图像并发光[Bootstrap]

3 个答案: