效果圖：
這個效果的具體實現主要是用到了css3 的animation
它共有8個屬性：
animation-name 規定 @keyframes 動畫的名稱。
用來定義乙個動畫的名稱。
如果要設定幾個animation給乙個元素，我們只需要以列表的形式，用逗號「，」隔開
animation-duration 動畫時長
animation-timing-function 規定動畫的速度曲線。預設是 「ease」。
linear 規定以相同速度開始至結束的過渡效果（等於 cubic-bezier(0,0,1,1)）。 ease 規定慢速開始，然後變快，然後慢速結束的過渡效果（cubic-bezier(0.25,0.1,0.25,1)）。
ease-in 規定以慢速開始的過渡效果（等於 cubic-bezier(0.42,0,1,1)）。
ease-out 規定以慢速結束的過渡效果（等於 cubic-bezier(0,0,0.58,1)）。
ease-in-out 規定以慢速開始和結束的過渡效果（等於 cubic-bezier(0.42,0,0.58,1)）。
cubic-bezier(n,n,n,n) 在 cubic-bezier 函式中定義自己的值。可能的值是 0 至 1 之間的數值。
animation-delay 規定動畫何時開始。預設是 0。允許負值，動畫跳過 2 秒進入動畫週期，也就是從2s的動畫開始
animation-play-state 規定動畫是否正在執行或暫停。預設是 「running」。
綜合起來簡寫
animation : name duration timing-function delay iteration-count direction fill-mode play-state原文：
CSS3的文字發光特效
這是一款基於純css3的文字發光特效，當我們將滑鼠滑過文字時，文字就會模擬發光動畫，展現出非常酷的發光畫面。另外，由於引用了特殊字型，所以整個文字效果看起來有著3d立體的特效，如果你的網路無法載入這些字型，可能是由於國外的這個 被牆的緣故，就像google的字型庫 被遮蔽那樣。html red bl...
純CSS3實現閃閃發光的動畫
這個效果的具體實現主要是用到了css3 的animation 它共有8個屬性 animation name 規定 keyframes 動畫的名稱。用來定義乙個動畫的名稱。如果要設定幾個animation給乙個元素，我們只需要以列表的形式，用逗號 隔開 animation duration 動畫時長 ...
純css3 載入loading動畫特效
最近專案中要實現當頁面還沒有載入完給使用者提示正在載入的loading，本來是想做個提示的，但是如果放大電腦的解析度就會感覺到很虛，體驗效果很不好。於是就採用css3 js實現這個loading的動畫效果，最終在我們前端工程師的幫助之下完成。所以記錄在這裡，如果感興趣的朋友也可以看看，大家互相焦爐學...