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

2 votes328 views1 answer
Vertically center an svg
CSS
2 votes339 views1 answer
@media prefers-color-scheme
CSS
16 votes353 views4 answers
Full page background image in html
CSS
2 votes380 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
27 votes330 views3 answers
Hide in css
CSS
9 votes322 views4 answers
Animation shorthand css
CSS
0 vote321 views1 answer
Card tailwind css
CSS
1 vote292 views2 answers
Centrer verticalement css
CSS
0 vote345 views1 answer
Flex index css
CSS
1 vote360 views2 answers
How rotate infinity css
CSS