Funkcije neprozirnosti crno-bijelih - CSS-trikovi

Anonim

Prilično je često potrebno malo prozirne crne ili bijele boje. U CSS-u možete učiniti:

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

To postaje lakše u Sass-u, gdje možete zamijeniti naziv boje:

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

Ili to još olakšajte izradom prilagođenih funkcija:

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