Schwarz-Weiß-Deckkraftfunktionen - CSS-Tricks

Anonim

Es ist ziemlich üblich, ein bisschen transparentes Schwarz oder Weiß zu brauchen. In CSS können Sie Folgendes tun:

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

In Sass wird es einfacher, wo Sie einen Farbnamen ersetzen können:

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

Oder machen Sie es noch einfacher, indem Sie benutzerdefinierte Funktionen erstellen:

@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )