Mustvalge läbipaistmatuse funktsioonid CSS-trikid

Anonim

See on üsna tavaline vajadus natuke läbipaistvat musta või valget. CSS-is saate teha järgmist.

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

See muutub lihtsamaks Sassis, kus saate värvinime asendada:

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

Või tehke seda veel lihtsamaks, tehes kohandatud funktsioone:

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