Juodos ir baltos neskaidrumo funkcijos CSS-gudrybės

Anonim

Gana dažnai reikia šiek tiek skaidrios juodos arba baltos spalvos. CSS galite padaryti:

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

Tai tampa lengviau „Sass“, kur galite pakeisti spalvų pavadinimą:

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

Arba dar lengviau padaryti, atlikdami pasirinktines funkcijas:

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