Khá phổ biến khi cần một chút màu đen hoặc trắng trong suốt. Trong CSS, bạn có thể làm:
.half-black ( background: rgba(0, 0, 0, 0.5); )Nó trở nên dễ dàng hơn trong Sass, nơi bạn có thể thay thế một tên màu:
.half-black ( background: rgba(black, 0.5); )Hoặc làm cho nó vẫn dễ dàng hơn, bằng cách thực hiện các chức năng tùy chỉnh:
@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )