武林網(www.survivalescaperooms.com)文章簡介：css3 ----input focus的發光效果.
在做項目時想做個input focus的效果，感覺很帥！上網搜集了一些資料，整理一下！加工成我的發光效果！哈哈 看著不錯，跟大家分享一下啊！補充：chrome下input focus默認有個黃色的光影，如果不想要的話 可以在css樣式中 添加一下input：focus{
outline:none;
}
就可以去掉了！
我的樣式代碼：
input{
border-radius:6px;
border:1px solid #909090;
-webkit-transition: box-shadow 0.30s ease-in-out; //只讓box-shadow屬性做過渡效果！
-moz-transition: box-shadow 0.30s ease-in-out; //firefox
}
input :focus{
outline:none;
border:#87C6F9 1px solid;
box-shadow: 0 0 8px rgba(103, 166, 217, 1);
}
哈哈，簡單吧！用css3幾句樣式就可以搞定了，細節做足了吧！
截圖如下：
新聞熱點
疑難解答
