用CSS添加「放射性」按鈕的好方法？

Question

如何使用CSS3讓我的按鈕「放射性」，周圍有輝光？

Answer 1

我在一個真正急於離開，但做了一個基本的1，會作出一個真正明確的，但正如我說我已經很晚了，但你可以檢查出一個演示here..hope你喜歡它..

Demo

HTML

<input type="button" class="container glow" value="Hello" /> 

CSS

.container{ 
    animation:glow 7s; 
    -moz-animation:glow 7s; /* Firefox */ 
    -webkit-animation:glow 7s; /* Safari and Chrome */ 
    -o-animation:demo 7s; /* Opera */ 
    animation:glow 7s infinite; 
    margin: 30px; 
} 

@keyframes glow { 
    0% {-moz-box-shadow: 0 0 0 0 #B2FF54; 
    -webkit-box-shadow: 0 0 5px 5px#B2FF54; 
    box-shadow: 0 0 0 0 #B2FF54;} 
    50% {-moz-box-shadow: 0 0 5px 5px #888; 
    -webkit-box-shadow: 0 0 5px 5px#B2FF54; 
    box-shadow: 0 0 5px 5px #B2FF54;} 
    100% {-moz-box-shadow: 0 0 0 0 #B2FF54; 
    -webkit-box-shadow: 0 0 0 0px#B2FF54; 
    box-shadow: 0 0 0 0 #B2FF54;} 
} 

@-moz-keyframes glow /* Firefox */ { 
    0% {-moz-box-shadow: 0 0 0 0 #B2FF54; 
    -webkit-box-shadow: 0 0 5px 5px#B2FF54; 
    box-shadow: 0 0 0 0 #B2FF54;} 
    50% {-moz-box-shadow: 0 0 5px 5px #888; 
    -webkit-box-shadow: 0 0 5px 5px#B2FF54; 
    box-shadow: 0 0 5px 5px #B2FF54;} 
    100% {-moz-box-shadow: 0 0 0 0 #B2FF54; 
    -webkit-box-shadow: 0 0 0 0px#B2FF54; 
    box-shadow: 0 0 0 0 #B2FF54;} 
} 

@-webkit-keyframes glow /* Safari and Chrome */ { 
    0% {-moz-box-shadow: 0 0 0 0 #B2FF54; 
    -webkit-box-shadow: 0 0 5px 5px#B2FF54; 
    box-shadow: 0 0 0 0 #B2FF54;} 
    50% {-moz-box-shadow: 0 0 5px 5px #888; 
    -webkit-box-shadow: 0 0 5px 5px#B2FF54; 
    box-shadow: 0 0 5px 5px #B2FF54;} 
    100% {-moz-box-shadow: 0 0 0 0 #B2FF54; 
    -webkit-box-shadow: 0 0 0 0px#B2FF54; 
    box-shadow: 0 0 0 0 #B2FF54;} 
} 

@-o-keyframes glow /* Opera */ { 
    0% {-moz-box-shadow: 0 0 0 0 #B2FF54; 
    -webkit-box-shadow: 0 0 5px 5px#B2FF54; 
    box-shadow: 0 0 0 0 #B2FF54;} 
    50% {-moz-box-shadow: 0 0 5px 5px #888; 
    -webkit-box-shadow: 0 0 5px 5px#B2FF54; 
    box-shadow: 0 0 5px 5px #B2FF54;} 
    100% {-moz-box-shadow: 0 0 0 0 #B2FF54; 
    -webkit-box-shadow: 0 0 0 0px#B2FF54; 
    box-shadow: 0 0 0 0 #B2FF54;} 
} 

Answer 2

使用box-shadow屬性：

-webkit-box-shadow:5px 5px 5px #123456; 
-moz-box-shadow: 5px 5px 5px #123456; 
box-shadow:5px 5px 5px #123456; 

Answer 3

請確定您使用谷歌在發佈之前在這裏。 （嘗試CSS3按鈕發光）
我的第一個結果是：http://www.zurb.com/playground/radioactive-buttons