Het is vrij normaal om een beetje transparant zwart of wit nodig te hebben. In CSS kunt u het volgende doen:
.half-black ( background: rgba(0, 0, 0, 0.5); )Het wordt gemakkelijker in Sass, waar je een kleurnaam kunt vervangen:
.half-black ( background: rgba(black, 0.5); )Of maak het nog gemakkelijker door aangepaste functies te maken:
@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )