CSS3元素閃爍效果

@-webkit-keyframes twinkling{	/*透明度由0到1*/
	0%{
		opacity:0.1;				/*透明度爲0*/
	}
	100%{
		opacity:1;				/*透明度爲1*/
	}
}
@keyframes twinkling{	/*透明度由0到1*/
	0%{
		opacity:0.1;				/*透明度爲0*/
	}
	100%{
		opacity:1;				/*透明度爲1*/
	}
}

要閃爍的元素的id是“element”。

當然，如果用jquery給元素加css，就像下面這樣：

1	$("#element").css({-webkit-animation":"twinkling 2s infinite 0.9s ease-in-out alternate","animation":"twinkling 2s infinite 0.9s ease-in-out alternate});

注：動畫名稱爲“twinkling”，時間爲“1s” ，動畫次數爲“無限次”，動畫效果爲“ease-in-out”。

上面的參數稍微說明一下：

twinkling 1s：閃爍的間隔時間

0.9s: 延遲時間

alternate：是否應該輪流反向播放動畫。
ease-in-out：閃爍的方式
opacity：透明度