Menu
Newbedev LogoNEWBEDEV Python Javascript Linux Cheat sheet
Newbedev LogoNEWBEDEV
  • Python 1
  • Javascript
  • Linux
  • Cheat sheet
  • Contact

how to set background image transparency with css code example

Example 1: set background image opacity

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

Example 2: background image opacity css

body::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-image: url(image.jpg); /*Put your image url*/
    background-size: cover;
    background-position: center;
    opacity: 0.25; /*Value from 0.0 to 1.0*/
}

Tags:

Css Example

Related

write jquery in onclick code example how can print 6 digit decimal number in c++ code example drop rows where all values are 0 pandas code example mongodb field code example using when in database laravel code example object key value typescript type code example qr code generater google code example sass with react code example time in android studio code example css flexbox equal height columns code example how. to import node module code example bootstrip table title code example

Recent Posts

Pandas how to find column contains a certain value Recommended way to install multiple Python versions on Ubuntu 20.04 Build super fast web scraper with Python x100 than BeautifulSoup How to convert a SQL query result to a Pandas DataFrame in Python How to write a Pandas DataFrame to a .csv file in Python
© 2021 newbedevPrivacy Policy