Funkcie čiernej a bielej nepriehľadnosti Triky CSS

Anonim

Je celkom bežné, že potrebujete trochu priehľadnej čiernej alebo bielej. V CSS môžete:

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

V Sass, kde môžete nahradiť názov farby, je to jednoduchšie:

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

Alebo si to ešte uľahčite vytvorením vlastných funkcií:

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