Css opacity background color

background: rgba(255, 255, 255, 0.25);

Background color with opacity

h1 {background-color:rgba(255,0,0,0.3);}

Background opacity css hex

background-color: #ff000088; <--- the 88 is the alpha
background-color: #ff0000 50%;

Source: stackoverflow.com

Background color transparent opacity css

/* css semi-transparent background color */
.bg-semi-transparent {
  background-color: #ffffff40!important;
  /* change numbers from 00 to 99 at last of hex code 
  for transpency you want. */
}

Background color opacity

rgba(51, 170, 51, .1)    /*  10% opaque green */ 
rgba(51, 170, 51, .4)    /*  40% opaque green */ 
rgba(51, 170, 51, .7)    /*  70% opaque green */ 
rgba(51, 170, 51,  1)    /* full opaque green */

Source: stackoverflow.com

Similar codes

0 vote155 views1 answer
How to paralax effect on background image
CSS
65 votes145 views3 answers
Css variables
CSS
0 vote158 views2 answers
Add profile picture to a form in html and css
CSS
0 vote178 views1 answer
Adding active Class with JavaScript
CSS
3 votes155 views2 answers
Multiple box shadows css
CSS
0 vote162 views1 answer
Image css in box
CSS
14 votes152 views4 answers
How to create a strikethrough in css
CSS
10 votes183 views4 answers
Bootstrap badges Links
CSS
0 vote171 views1 answer
Table td css
CSS
0 vote171 views1 answer
Add shadowto container
CSS