css如何给图片添加发光效果

A. 如何用css做按钮点击后发光效果怎么做

如何用css做按钮点击后发光效果怎么做？
这个问题只能用代码的形式来解答,如下：

http://www.jqueryba.com/jquery/css3buttom.html
.btn-wrap {
text-align: center;
margin: 50px;
}
.btn{
position: relative;
display: inline-block;
line-height: 25px;
padding: 5px 15px;
margin:10px;
transition: all .3s ease-out;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid #1e639a;
color: #fff;
font-weight: bold;
cursor: pointer;
text-shadow:0 1px 2px rgba（0,0,0,.4）；
box-shadow: inset 1px 0 0 #559ad5,inset -1px 0 0 #559ad5,inset 0 1px 0 #559ad5,inset 0 -1px 0 #559ad5,0 0 1px rgba（0,0,0,0.5）；
background: #4086c2; /* Old browsers */
background: -*-linear-gradient（to bottom, #4086c2 0%,#2989d8 100%,#3378b1 100%）；
}
.btn:hover {
background: #3378b1; /* Old browsers */
background: -*-linear-gradient（to bottom, #3378b1 0%,#2989d8 0%,#4086c2 100%）；
}
.btn:active:after {
content: "";
display:block;
width: 2px;
height: 2px;
position:absolute;
border-radius:2px;
top:50%;
left: 50%;
margin: -1px 0 0 -1px;
z-index:2;
background: rgba（255,255,255,1）；
box-shadow:0 0 10px 5px rgba（255,255,255,0.5），
0 0 20px 10px rgba（255,255,255,0.5），
0 0 30px 15px rgba（255,255,255,0.4），
0 0 40px 20px rgba（255,255,255,0.3），
0 0 50px 25px rgba（255,255,255,0.3），
0 0 60px 30px rgba（255,255,255,0.3），
0 0 70px 35px rgba（255,255,255,0.3）；

B. 如何用DIV+CSS设置网页里的字体会发光

用css控制div，定义id，class，任一个都可以，不建议用标签，字体的设置是font:
15pt/17pt
bold
"arial"
normal
，依次是字体大小，粗细，和字体，还有其他的，如果设置颜色，直接用color：#000000，这样的就可以了。。。。

C. 请教大神，CSS怎么实现鼠标移至一张图片时，图片变亮，其他图片变暗。或者是类似的效果

你这种效果纯CSS是搞不出来的，我这有个类似的，你看看行不行

div{
float: left;
width: 180px;
height: 180px;
margin: 0 auto;
background: url(Zombatar_1.jpg) center center no-repeat;
z-index: 1;
}
a{
filter: alpha(opacity=80);
opacity: 0.8;
width: 180px;
height: 180px;
display: block;
background: #333;
z-index: 100;
}
a:hover{
filter: alpha(opacity=0);
opacity: 0;
}

<div><a href="#"></a></div>
<div><a href="#"></a></div>
<div><a href="#"></a></div>

ie7，8，9测试通过，谷歌测试通过，其余的浏览器没测

D. CSS发光字，加上背景图片就不发光了，怎么解决

glow属性是容器内有文本，没有图片或背景那么每个文字都发光，如果容器内有文本和图片，背景，那么整个容器发光
给你个解决方法是单独给文本一个div让它发光

E. css3怎么实现头像图片像QQ那样一闪一闪

@-webkit-keyframestwinkling{
0%{
opacity:0;
}
100%{
opacity:1;
}
}

#110{
-webkit-animation:twinkling1sinfiniteease-in-out;
}

参考如上。

稍微解释一下，定义两个状态，一种状态下透明度为 0%，另一种状态下透明度为 100%，无限次地在 1 秒内切换这两种状态，看起来就是闪烁了。

F. 怎样用CSS样式制作边缘光晕的模糊效果

1、首先新建一个简单的html文件，如图所示。

G. DIV里面怎么给图片加外发光

最方便的就是用PS先给图片做个外发光出来，然后切图直接把发光部分一起切出来导成PNG格式的发光部分为透明背景的图片，如果是想做鼠标触发效果，那就再做一张大小一样的没外发光的图片
CSS样式无法直接写出外发光效果，不过有一个方法可以做出来，如果外发光的扩散范围不大，大概是3px-5px；就可以通过div嵌套并调整边框颜色来达到一定的效果，不过这种方法挺麻烦的，不怎么好用
举例：
<div style=" width:200px; border:1px solid #1e0000;">
<div style=" width:100%; border:1px solid #330000">
<div style=" width:100%;border:1px solid #4c0000">
<div style=" width:100%;border:1px solid #6b0000">
<div style=" width:100%;border:1px solid #8e0000">
<div style=" width:100%;border:1px solid #b70000; height:100px; "></div>
</div>
</div>
</div>
</div>
</div>

H. css3外发光效果怎么做

<divstyle="box-shadow:4px4px10px#f00;border:1pxsolidgreen"></div>

box-shadow: X轴 Y轴 发光度 颜色；

I. 用css实现当鼠标置于图片上面时，会产生发光效果，求代码，要求兼容ie

html <a class="abc" href="#"><img src="aa.jpg"></a>
css .abc:hover img{ background:url(images/faguangpic.jpg) no-repeat;padding:10px;}

J. 如何通过css样式来实现网站logo发光动画效果

添加修改CSS代码如下 ：
.logo-site,.logo-sites{position:relative;float:left;margin:18px 0 0 10px;width:220px;max-height:50px;overflow:hidden;transition-ration:.5s}
.logo-site img,.logo-sites img{width:220px;max-height:50px}@media screen and (max-width:480px){
.logo-site,.logo-sites{width:140px}}@media screen and (min-width:900px){
.logo-site:before{content:"";position:absolute;left:-665px;top:-460px;width:220px;height:15px;background-color:rgba(255,255,255,.5);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:searchLights 1s ease-in 1s infinite;-o-animation:searchLights 1s ease-in 1s infinite;animation:searchLights 1s ease-in 1s infinite}}@-webkit-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}}@-o-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}}@-moz-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}}@keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}}
.site-title{font-size:24px;font-size:2.4rem;font-weight:700;padding:0 0 2px 0}
.site-name{display:none}@media screen and (min-width:900px){
.logo-site img,.logo-sites img{transition-ration:.8s}
操作流程
把css代码当中的logo-site改成你网站包围logo的css即可(f12键审核元素，即可找到你的logo的css元素)。找到你logo的css名称然后把上面的css代码修改成你的css名称，放入css代码当中即可(防止出错，记得备份!)
以上就是logo添加css扫光效果的方法，当然你也可以运用到其他的地方。
注意，有些模板CSS代码不相同，不能贸然的使用，可能会出现错误，新手不要尝试。