Sửa đổi độ mờ alpha của biến LESS

171

Sử dụng LESS, tôi biết rằng tôi có thể thay đổi độ bão hòa hoặc sắc độ của một biến màu. Trông như thế này:

background: lighten(@blue, 20%);

Tôi muốn thay đổi độ mờ alpha của màu của tôi, mặc dù. Tốt nhất là như thế này:

background: alpha(@blue, 20%);

Có một cách đơn giản để làm điều này trong BÀI HỌC?

css variables less opacity alpha

— ben
nguồn

Câu trả lời:

303

Các tài liệu trang web đưa ra câu trả lời:

background: fade(@blue, 20%);

Tên chức năng fadekhông alphatheo tài liệu đó.

— Scott
nguồn

Cảm ơn! Tôi đã cảm thấy mệt mỏi khi chuyển đổi mọi thứ sang RGBA!

— BillyNair

Tôi đang tìm kiếm bóng tối và ánh sáng .. Docs đã đưa tôi đến đó. Cảm ơn

Tôi đồng ý 'fade' dường như không chính xác với tôi. Sass thực hiện đúng: alpha (), opacity () và rgba ().

— Giàu Finelli

Đối với bản ghi, fade()không hoạt động với các vars CSS - tức làfade(var(--mycolor), 20%)

— ed1nh0

Để hoàn thiện

phai màu

Đặt độ trong suốt tuyệt đối của một màu. Có thể được áp dụng cho màu sắc cho dù chúng đã có giá trị độ mờ hay chưa.

background: fade(@blue, 20%);

làm mờ dần

Giảm độ trong suốt (hoặc tăng độ mờ) của một màu, làm cho nó mờ hơn.

background: fadein(@blue, 80%);

mờ dần

Tăng độ trong suốt (hoặc giảm độ mờ) của một màu, làm cho nó bớt mờ hơn. Để mờ dần theo hướng khác sử dụng fadein.

background: fadeout(@blue, 20%);

— Adrian Enriquez
nguồn

Fadeout chính xác là những gì tôi đang tìm kiếm, cảm ơn bạn!

— maxime1992