昨天在國外的論壇上逛的時候，看到一篇文章是求助如何利用CSS3實作發光效果的，網友回複中有一個推薦了一款CSS3發光搜尋表單，利用CSS3的動畫屬性，設定0%和100%時的顔色樣式，讓其漸變，再配合有明顯對比的背景，就能模拟出發光的效果了，我把那個CSS3發光表單下載下傳了下來，先來看一下效果圖：
圖上的搜尋框在被激活的時候會出現閃閃發光的特效。
下面我們來一起看看源代碼。
HTML代碼非常簡單，一個文本框和一個送出按鈕：
然後重點就是CSS3代碼了，首先是對搜尋框和搜尋按鈕的樣式進行初始化，為了配合背景能出現發光的效果，我們使用了glow動畫，我們對它們的樣式作了如下設定：
下面是我們定義的glow動畫，為了适應不同核心的浏覽器，我們分别對其做了如下設定：