Exemple de code de la propriété CSS transition-property.

<style type="text/css">
.box{ 
 visibility : visible; 
 opacity : 1; 
 transition-timing-function : ease; 
 transition-duration : 2s; 
 width:200px; height:50px; border:1px solid red; margin-bottom:1em; 
}
#trans-opacity:hover{
 opacity : 0; 
 transition-property : opacity; 
}
#trans-visible:hover{
 visibility : hidden; 
 transition-property: visibility; 
}
</style>
Mettez le curseur sur un bloc.<br/>
<div class="box" id="trans-visible"> transition-property: visibility </div>
<div class="box" id="trans-opacity"> transition-property: opacity</div>