Skip to content
OverviewSolutions
36
Comments
1

Rashid Shamloo

@rashidshamlooIran570 points

Developer, Programmer, Avid Learner

I’m currently learning...

React.js, Next.js, Tailwind CSS, Bootstrap 5, Material UI

Latest solutions

View more solutions

Latest comments

  • Rashid Shamloo•570
    @rashidshamlooPosted about 2 years ago

    There is no native function to do that in CSS. but in SASS/SCSS you can use the "rgba" function to add alpha to a color variable:

    $clr-red: hsl(0, 100%, 50%);

main {
  background-color: rgba($clr-red, 0.5);
}

    To see a list of other SASS color functions click here

    Marked as helpful
    1