Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 悬停图像并发光[引导]_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 悬停图像并发光[引导]

Html 悬停图像并发光[引导],html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,悬停时如何使图像发光?我想用白色 <a href="mailto:someone@example.com"><img src="resources/img/email.png" class="img-circle"></a> 图片: http://i.stack.imgur.com/Hx0kH.png 无法发布链接。所以,我想让它发光(内部),谢谢。任何帮助都将是巨大的我认为您尝试使用同一图像的两个版本(使用照片编辑工具)来完成。然后使用以下代码: &

悬停时如何使图像发光?我想用白色

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

图片:

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


无法发布链接。所以,我想让它发光(内部),谢谢。任何帮助都将是巨大的

我认为您尝试使用同一图像的两个版本(使用照片编辑工具)来完成。然后使用以下代码:

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

您可以使用

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;
}
您可以根据自己的要求选择所需的颜色。 您也可以访问
或者

您可以使用框阴影withInset属性

.shadow{-moz-box-shadow:inset 0 10px#000000;-webkit-box-shadow:inset 0 0 10px#000000;box-shadow:inset 0 0 10px#000000;}


你能更具体地说明你所说的“发光”是什么意思吗?例如,您希望图像更改还是仅希望边框发光