CSS 3元素シンチレーション効果

@-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を追加すると、次のようになります.

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

注意:アニメーション名は「twinkling」、時間は「2 s」、アニメーション回数は「無限次」、アニメーション効果は「ease-in-out」です.