Fekete-fehér átlátszatlansági funkciók CSS-trükkök

Anonim

Nagyon gyakori, hogy egy kicsit átlátszó fekete vagy fehérre van szükség. A CSS-ben a következőket teheti:

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

Egyszerűbbé válik a Sass, ahol helyettesíthet egy színnevet:

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

Vagy még könnyebbé teheti azáltal, hogy egyedi funkciókat készít:

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