How do we reduce the opacity of a bootstrap card on hover

Question

i have created bootstrap cards and i want to lower the opacity of the image on the card on hover

how can i do it ?

Answer 1

//When card is hoverd opacity to 0

.card_clasd:hover {
opacity:0;
}