helper for generating static css for keyframe animations

generate_keyframe_animation.js

function generate_keyframe_animation (name, frames, height) {
	var steps = [];

	for (var frame = 0; frame < frames; frame++) {
		var percent = ((frame / (frames - 1)) * 100).toFixed(2);

		steps.push('\t' + percent + '% { background-position:  0px ' + (-height * frame) + 'px; }');
	}

	return '@-webkit-keyframes ' + name + ' {\n' + steps.join('\n') + '\n}';
}