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;}
你能更具体地说明你所说的“发光”是什么意思吗?例如,您希望图像更改还是仅希望边框发光