How to change alpha value or background color using css only; spliting color(r,g,b) and alpha(a) in different line?

Asked Nov 11 '20 at 10:17

Active Nov 11 '20 at 10:33

Viewed 18 times

'primary-bg' is user data whereas opacity is static.
How can i set the opacity of background color only using css only.

<div class="tab-content primary-bg">
    <div class="tab-pane">XYZ</div>
</div>

.primary-bg{
   background-color: rgb(13, 148, 244);
}

.tab-content{
   //background-color opacity set to 10%
}

asked Nov 11 '20 at 10:17

Sushan

3,153
2
23
21

rgba = (r,g,b,alpha) ? – Mihai T Nov 11 '20 at 10:22
@MihaiT RGB value comes from user end and i just need control over alpha value. – Sushan Nov 11 '20 at 10:31
The height of the div changes so i cannot specify height (as suggested in that answered question) – Sushan Nov 11 '20 at 10:31
from the duplicate; https://stackoverflow.com/a/5135431/8620333 (you need an extra layer) – Temani Afif Nov 11 '20 at 10:32
I believe extra layer is not a better approach as the height of the div is not static. Also, it seems like rgba values cannot be split. – Sushan Nov 11 '20 at 10:50

How to change alpha value or background color using css only; spliting color(r,g,b) and alpha(a) in different line?

0 Answers0