Exemple de code de la fonction CSS opacity().

<style>
.exemple-opacity-0{
 -webkit-filter : opacity(0%); 
 filter         : opacity(0%); 
}
.exemple-opacity-05{
 -webkit-filter : opacity(0.5); 
 filter         : opacity(0.5); 
}
.exemple-opacity-50{
 -webkit-filter : opacity(50%); 
 filter         : opacity(50%); 
}
.exemple-opacity-100{
 -webkit-filter : opacity(100%); 
 filter         : opacity(100%); 
}

.img{ margin:10px; width:150px; height:150px }

</style>
<div style="width:150px; height:150px" class="img"><img src="/img/exemple/filter-image.jpg" alt=""></div>
<img src="/img/exemple/filter-image.jpg"  class="img exemple-opacity-0" alt=""> 
<img src="/img/exemple/filter-image.jpg"  class="img exemple-opacity-50" alt="">
<img src="/img/exemple/filter-image.jpg"  class="img exemple-opacity-05" alt=""> 
<img src="/img/exemple/filter-image.jpg" class="img exemple-opacity-100" alt="">