แก้ไข alpha opacity ของตัวแปร LESS


171

ใช้น้อยฉันรู้ว่าฉันสามารถเปลี่ยนความอิ่มตัวหรือสีอ่อนของตัวแปรสี ดูเหมือนว่า:

background: lighten(@blue, 20%);

ฉันต้องการเปลี่ยนความทึบของสีของฉันเอง ชอบสิ่งนี้:

background: alpha(@blue, 20%);

มีวิธีการง่ายๆใน LESS หรือไม่?

คำตอบ:


303

เอกสารเว็บไซต์ให้คำตอบ:

background: fade(@blue, 20%);

ชื่อฟังก์ชั่นfadeไม่alphaเป็นไปตามเอกสารนั้น


ขอบคุณ! ฉันเหนื่อยกับการแปลงทุกอย่างเป็น RGBA!
BillyNair

ฉันกำลังมองหาที่มืดและสว่างขึ้น .. มีเอกสารให้ฉันอยู่ที่นั่น ขอบคุณ

1
ฉันเห็นด้วย 'จาง' ไม่ถูกต้องสำหรับฉัน Sass ทำถูกต้อง: alpha (), opacity () และ rgba ()
Rich Finelli

2
สำหรับบันทึกfade()ไม่ทำงานกับ CSS vars - เช่นfade(var(--mycolor), 20%)
ed1nh0

26

เพื่อความสมบูรณ์

เลือนหายไป

กำหนดความโปร่งใสที่แน่นอนของสี สามารถนำไปใช้กับสีไม่ว่าจะมีค่าความทึบหรือไม่

background: fade(@blue, 20%);

fadeIn

ลดความโปร่งใส (หรือเพิ่มความทึบ) ของสีทำให้ทึบมากขึ้น

background: fadein(@blue, 80%);

fadeout

เพิ่มความโปร่งใส (หรือลดความทึบ) ของสีทำให้ทึบแสงน้อยลง หากต้องการจางหายไปในทิศทางอื่นให้ใช้ fadein

background: fadeout(@blue, 20%);

ดูเอกสารที่สมบูรณ์


1
Fadeout เป็นสิ่งที่ฉันกำลังมองหาขอบคุณ!
maxime1992
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.