ใช้น้อยฉันรู้ว่าฉันสามารถเปลี่ยนความอิ่มตัวหรือสีอ่อนของตัวแปรสี ดูเหมือนว่า:
background: lighten(@blue, 20%);
ฉันต้องการเปลี่ยนความทึบของสีของฉันเอง ชอบสิ่งนี้:
background: alpha(@blue, 20%);
มีวิธีการง่ายๆใน LESS หรือไม่?
ใช้น้อยฉันรู้ว่าฉันสามารถเปลี่ยนความอิ่มตัวหรือสีอ่อนของตัวแปรสี ดูเหมือนว่า:
background: lighten(@blue, 20%);
ฉันต้องการเปลี่ยนความทึบของสีของฉันเอง ชอบสิ่งนี้:
background: alpha(@blue, 20%);
มีวิธีการง่ายๆใน LESS หรือไม่?
คำตอบ:
fade()
ไม่ทำงานกับ CSS vars - เช่นfade(var(--mycolor), 20%)
เลือนหายไป
กำหนดความโปร่งใสที่แน่นอนของสี สามารถนำไปใช้กับสีไม่ว่าจะมีค่าความทึบหรือไม่
background: fade(@blue, 20%);
fadeIn
ลดความโปร่งใส (หรือเพิ่มความทึบ) ของสีทำให้ทึบมากขึ้น
background: fadein(@blue, 80%);
fadeout
เพิ่มความโปร่งใส (หรือลดความทึบ) ของสีทำให้ทึบแสงน้อยลง หากต้องการจางหายไปในทิศทางอื่นให้ใช้ fadein
background: fadeout(@blue, 20%);