Funkce neprůhlednosti černé a bílé Triky CSS

Anonim

Je docela běžné, že potřebujete trochu průhledné černé nebo bílé. V CSS můžete:

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

V Sassu, kde můžete nahradit název barvy, je to snazší:

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

Nebo si to ještě usnadněte vytvořením vlastních funkcí:

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