“bagaimana memiliki gambar latar belakang dengan overlay warna” Kode Jawaban

bagaimana memiliki gambar latar belakang dengan overlay warna

/* Working method */
.tinted-image {
  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    ),
    /* bottom, image */
    url(image.jpg);
}
Adorable Addax

Warna overlay pada gambar CSS

footer#site-footer{  
  position:relative;
}

footer#site-footer:before {     /* use before property (pseudo-element)  */
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
Avenger

Jawaban yang mirip dengan “bagaimana memiliki gambar latar belakang dengan overlay warna”

Pertanyaan yang mirip dengan “bagaimana memiliki gambar latar belakang dengan overlay warna”

Lebih banyak jawaban terkait untuk “bagaimana memiliki gambar latar belakang dengan overlay warna” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya