Funktioner i sort / hvid-opacitet - CSS-tricks

Anonim

Det er ret almindeligt at have brug for lidt gennemsigtig sort eller hvid. I CSS kan du gøre:

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

Det bliver lettere i Sass, hvor du kan erstatte et farvenavn:

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

Eller gør det stadig nemmere ved at lave brugerdefinerede funktioner:

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