Exemple de code de la propriété CSS transition.
<style type="text/css">
.box{ width:200px; border:1px solid red; height:50px; margin-bottom:2em; }
#sans:hover{ width:300px; }
#avec:hover{ width:300px;
transition : width 5s ease-in-out 1s;
}
</style>
<div class="box" id="sans">Sans transition</div>
<div class="box" id="avec">Avec transition</div> Interprétation du code de la propriété transition CSS par votre navigateur.
Sans transition
Avec transition
Interprétation normale du code de la propriété CSS transition (copie d'écran).
