点滅CSS3

http://shirasaka.tv/434

@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.1;/*透明度80%*/
 }
}


.d_navi_main_in ul li a:hover {
	-webkit-animation-name: pulse;/* 実行する名前 */
	-webkit-animation-duration: 0.1s;/* 0.3秒かけて実行 */
	-webkit-animation-iteration-count: 3;/* 何回実行するか。infiniteで無限 */
	-webkit-animation-timing-function: ease-in-out;/* イーズインアウト */
	-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
	-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
	color: #FFF;
	background-color: #666;
	background-image: url(../img/body_backgr/body_background_dark30.png);
	background-repeat: repeat;
}