LESS တွင် Animation များဖန်တီးရန် Vendor Prefixes များအသုံးပြုခြင်း

ကြည့်ရှုရလွယ်ကူသော @keyframes command အား အကောင်အထည်ဖော်ပေးမည့် function တစ်ခုကို ဖန်တီးကြပါစို့။

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

ကျွန်ုပ်တို့၏ function အား အသုံးပြုကြပါစို့။

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

Compile ပြီးနောက်ရရှိသော ရလဒ်။

@-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;
	}
}