ვენდორული პრეფიქსების გამოყენება ანიმაციის შესაქმნელად LESS-ში

მოდით შევქმნათ ფუნქცია, რომელიც განახორციელებს ყველა ბრაუზერში მოქმედ @keyframes ბრძანებას:

.keyframes(@name, @code) {
	@-o-keyframes @name {@code();}
	@-moz-keyframes @name {@code();}
	@-webkit-keyframes @name {@code();}
	@keyframes @name {@code();}
}

გამოვიყენოთ ჩვენი ფუნქცია:

.keyframes(anim, {
		from {
			width: 100px;
		}
		to {
			width: 200px;
		}
	}
);

კომპილაციის შედეგი:

@-o-keyframes anim {
	from {
		width: 100px;
	}
	to {
		width: 200px;
	}
}
@-moz-keyframes	anim {
	from {
		width: 100px;
	}
	to {
		width: 200px;
	}
}
@-webkit-keyframes anim {
	from {
		width: 100px;
	}
	to {
		width: 200px;
	}
}
@keyframes anim {
	from {
		width: 100px;
	}
	to {
		width: 200px;
	}
}