การใช้โค้ดบล็อกสำหรับอนิเมชันใน LESS
มาสร้างฟังก์ชันที่กำหนดคีย์เฟรมของอนิเมชันกัน:
.keyframes(@name, @code) {
@keyframes @name {@code();}
}
มาใช้ฟังก์ชันของเรากัน:
.keyframes(anim, {
from {
width: 100px;
}
to {
width: 200px;
}
});
ผลการคอมไพล์:
@keyframes anim {
from {
width: 100px;
}
to {
width: 200px;
}
}
