黑白不透明度功能

通常需要一点透明的黑色或白色。 在CSS中，您可以执行以下操作：

.half-black {
  background: rgba(0, 0, 0, 0.5);
}

在Sass中可以轻松地用它替换颜色名称：

.half-black {
  background: rgba(black, 0.5);
}

或者通过制作自定义函数使操作更容易：

@function black($opacity) {
  @return rgba(black, $opacity)
}
@function white($opacity) {
  @return rgba(white, $opacity)
}

.half-black {
  background: black(0.5);
}

翻译自: https://css-tricks.com/snippets/sass/black-white-opacity-mixins/