Функції чорно-білої непрозорості - CSS-хитрощі

Anonim

Досить часто потрібно трохи прозорого чорного або білого кольору. У CSS ви можете зробити:

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

Це стає простіше в Sass, де ви можете замінити назву кольору:

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

Або ще простіше, зробивши спеціальні функції:

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