Mustavalkoiset opasiteettitoiminnot CSS-temppuja

Anonim

On melko yleistä, että tarvitset vähän läpinäkyvää mustaa tai valkoista. CSS: ssä voit tehdä:

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

Se on helpompaa Sassissa, jossa voit korvata värin nimen:

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

Tai helpota silti tekemällä mukautettuja toimintoja:

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