LESS Keyframes Mixin

keyframe-mixin

//mixin
.keyframes(@name, @frames) {
	@-webkit-keyframes @name { @frames(); }
	@-moz-keyframes @name { @frames(); }
	@-ms-keyframes @name { @frames(); }
	@-o-keyframes @name { @frames(); }
	@keyframes @name { @frames(); }
}

//compiles as valid less
//example:
.keyframes(pulse, {
	0% {
		.transform(~"scale(0.2, 0.2)");
	}

	50% {
		.transform(~"scale(1, 1)");
	}

	100% {
		.transform(~"scale(0.2, 0.2)");
	}
});

.pulse-animated {
       animation-name: pulse;
       //all your other animation props...
}