Cómo cambiar la opacidad de un bloque de tarjetas en bootstrap 4

Te traemos el hallazgo a esta aprieto, al menos eso creemos. Si continuas con preguntas coméntalo y sin dudarlo te responderemos

Solución:

has probado a usar opacity

.special-card 
/* create a custom class so you 
   do not run into specificity issues 
   against bootstraps styles
   which tends to work better than using !important 
   (future you will thank you later)*/

  background-color: rgba(245, 245, 245, 1);
  opacity: .4;

  
This is my header
  
This is my block
  
This is my footer

por favor, prueba esto:

  
This is my header
  
This is my block
  
This is my footer

Resulta que la clase de arranque .tarjeta estaba anulando el estilo css de opacidad de fondo que estaba tratando de configurar .tarjeta-bloque independientemente de si pongo !important palabra clave o no.

Pude arreglar esto agregando el estilo de fondo a la tarjeta y simplemente cambiando el estilo individual opacidades de El .card-header y .pie de tarjeta a 1.

.card  background-color: rgba(245, 245, 245, 0.4); 
.card-header, .card-footer  opacity: 1

Aquí puedes ver las comentarios y valoraciones de los usuarios

Te invitamos a ayudar nuestro quehacer mostrando un comentario y dejando una valoración te lo agradecemos.

---

---

Utiliza Nuestro Buscador