Css Opacity Background Color

css opacity background color
background: rgba(255, 255, 255, 0.25);
background opacity css hex
background-color: #ff000088; <--- the 88 is the alpha
background-color: #ff0000 50%;
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 with opacity
h1 {background-color:rgba(255,0,0,0.3);}
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 */

Leave a Comment