background: rgba(255, 255, 255, 0.25);
div {
opacity:25% ;
}
/* 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. */
}
h1 {background-color:rgba(255,0,0,0.3);}
#0000000
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 */
Code Example |
---|
Css :: how to make div possion top in css |
Css :: how to create a circle with css |
Css :: css how to change font colr |
Css :: css flex wrap space between rows |
Css :: css zebra |
Css :: how to use font awesome with tailwind css |
Css :: css center table on page |
Css :: center css |
Css :: add css to express app |
Css :: how to set transition in keyframe |
Css :: css resize image |
Css :: border bottom under text only |
Css :: remove the dotted border on links |
Css :: add image under header html |
Css :: beautiful navigation bar css |
Css :: css hsla |
Css :: CSS Image Reflection |
Css :: css triangle |
Css :: aspect ratio css |
Css :: make hr black |
Css :: box style |
Css :: have unordered list horizontal css |
Css :: how to make a dotted hr in css |
Css :: css stripes |
Css :: css change image width |
Css :: css change text color |
Css :: add space between flex items |
Css :: remove link style |
Css :: css create a circle image |
Css :: remove materialize style input |