這里是給input加了一個box-shadow，然后又運用了過渡屬性transition,。

但除此之外還有需要注意點幾點：

1,、有些瀏覽器的input框默認就要發(fā)光效果，比如Safari和Chrome,，所以這里要讓他們的outline不顯示,。

2、其次,，顏色要采用RBGA值才能達到透明的效果,。

由此，我們可以總結出代碼：

input {
transition: all 0.30s ease-in-out;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
border: #35a5e5 1px solid;
border-radius: 4px;
outline: none;
}
input:focus {
border:#35a5e5 1px solid;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}