Pulsating image with Chrome CSS3 filters

dabblet.css

/**
 * Pulsating image with Chrome CSS3 filters
 */
html { 
	background: linear-gradient( 70deg, #fff, #666 );
	min-height: 100%;
}

@keyframes color-pulsate{
	0% 	{ -webkit-filter: hue-rotate(0deg) saturate(20%)  }
	50% 	{ -webkit-filter: hue-rotate(3600deg) saturate(150%) }
	100% 	{ -webkit-filter: hue-rotate(0deg) saturate(20%) }
}

#icon{
	width: 128px;
	height: 128px;
	margin: 200px auto;
	background-image: url( http://cdn1.iconfinder.com/data/icons/macosxstyle/macosxstyle_png/128/iSync.png );
	animation: color-pulsate 25s infinite linear;
}

dabblet.html

<div id="icon"> </div>

settings.json

{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"css"}