Funcții de opacitate alb-negru - CSS-Tricks

Anonim

Este destul de obișnuit să ai nevoie de un pic de alb negru sau transparent. În CSS, puteți face:

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

Devine mai ușor în Sass, unde puteți înlocui un nume de culoare:

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

Sau faceți-o mai ușoară, realizând funcții personalizate:

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