Saltar al contenido

ejemplo de código CSS de fondo semitransparente

Ejemplo 1: color de fondo semitransparente

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

Ejemplo 2: css de opacidad de la imagen de fondo

/* Two ways to make images opaque */

div {
	background-color : rgba(120, 120, 120, 0.5) 
   	/* the 0.5 is the value of opacity on a scale of 0-1 */
}

/* OR */

div {
	background-color : blue
    opacity : 50%
}

Ejemplo 3: opacidad css

.div{
  opacity: 0.8; /* 1 means fully visible, 0 means invisible */
}

Ejemplo 4: botón transparente usando css

<button type="submit" name="submitDetails">Submit Data</button>

<style>
button {
	background-color: rgba(255,255,255,0);
}
</style>

Ejemplo 5: establecer la opacidad de la imagen de fondo

The following example sets the opacity for the background color and not the text: 100% opacity. 60% opacity. 30% opacity. 10% opacity. You learned from our ...
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *