Background-image: url opacity

background-image: url(IMAGE_URL); /* fallback for older browsers */

background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url(IMAGE_URL);

Source: stackoverflow.com

Set background image opacity

#bg{
background-image: url('images/wood1.jpg');
opacity:0.2;
width:300px;
height:300px;
}

Source: formget.com

Similar codes

0 vote222 views4 answers
Position absolute prevent overflow
CSS
66 votes193 views6 answers
Center an image
CSS
2 votes170 views2 answers
How use befor after for image
CSS
0 vote190 views1 answer
Vue center components in body
CSS
0 vote177 views2 answers
Gray scale css
CSS
13 votes185 views6 answers
Hide title bar android
CSS
0 vote165 views1 answer
Cta button css
CSS
0 vote177 views1 answer
How to scale down background image in css
CSS
3 votes167 views1 answer
Css sass install
CSS
0 vote197 views1 answer
Css float placeholder
CSS