CSS:在图像周围创建白色发光
CSS:在图像周围创建白色发光
提问于 2011-06-21 17:01:51
如何创建白色发光作为未知大小图像的边框？
回答 6
Stack Overflow用户
回答已采纳
发布于 2011-06-21 17:04:44
使用简单CSS3 (IE<9中不支持)
img
{
box-shadow: 0px 0px 5px #fff;
}这将在文档中的每个图像周围放置一个白色发光，使用更具体的选择器来选择你想要发光的图像。当然，您可以更改颜色:)
如果您担心没有安装最新版本浏览器的用户，请使用以下代码：
img
{
-moz-box-shadow: 0 0 5px #fff;
-webkit-box-shadow: 0 0 5px #fff;
box-shadow: 0px 0px 5px #fff;
}对于IE，您可以使用发光滤镜(不确定哪些浏览器支持它)
img
{
filter:progid:DXImageTransform.Microsoft.Glow(Color=white,Strength=5);
}尝试设置以了解适合您的设置:)
Stack Overflow用户
发布于 2013-11-06 01:44:12
就像一种护身符！
.imageClass {
-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));
}瞧！就这样!显然这在ie中是行不通的，但谁在乎呢……
Stack Overflow用户
发布于 2011-06-21 17:11:45
@tamir；您可以使用css3属性来执行此操作。
img{
-webkit-box-shadow: 0px 0px 3px 5px #f2e1f2;
-moz-box-shadow: 0px 0px 3px 5px #f2e1f2;
box-shadow: 0px 0px 3px 5px #f2e1f2;
}检查小提琴http://jsfiddle.net/XUC5q/1/ &您可以从此处生成http://css3generator.com/
如果你需要它在老版本的IE中工作，你可以使用CSS3 PIE在这些浏览器中模拟框阴影&你可以使用filter，就像凯尔所说的那样
filter:progid:DXImageTransform.Microsoft.Glow(color='red', Strength='5')您可以从此处的http://samples.msdn.microsoft.com/workshop/samples/author/filter/Glow.htm生成筛选器
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6422790
复制相关文章
相似问题