Melnbaltās necaurredzamības funkcijas CSS-triki

Anonim

Diezgan bieži ir nepieciešams mazliet caurspīdīgs melns vai balts. CSS jūs varat darīt:

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

Tas kļūst vieglāk Sass, kur jūs varat aizstāt krāsu nosaukumu:

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

Vai padariet to vēl vienkāršāku, veicot pielāgotas funkcijas:

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