ejemplo de código CSS de fondo negro transparente

Ejemplo 1: color de fondo semitransparente

.transparent {
    background-color: rgba(255, 255, 255, 0.5);
}
.transparent {
    opacity: 0.5;
}

Ejemplo 2: CSS cómo hacer que el fondo sea transparente

/* Use RGBA */
background-color: rgba(255, 255, 0, 0.75); /* Transparent Yellow */

Ejemplo 3: CSS de fondo transparente

div {
  width: 200px;
  height: 200px;
  display: block;
  position: relative;
}

div::after {
  content: "";
  background: url(image.jpg);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

---

---

Utiliza Nuestro Buscador