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代碼不相同，不能貿然的使用，可能會出現錯誤，新手不要嘗試。