transition

English [tr?n?z??n] US [tr?n?z???n, -?s??-]

n Transition, transformation, changement [langage] conversion [Le] modulation

Troisième personne du singulier : transitions pluriel : transitions participe présent : transition au passé : transitionné

propriété de transition CSS3 syntaxe

Fonction?: Définissez l'attribut de transition de l'élément

Description?: Attribut composite. Récupère ou définit la transition lorsque l'objet est transformé.

L'attribut transform en CSS3 peut obtenir des effets de transition. Il définit le nom de l'effet de transition, le temps d'achèvement, la courbe de vitesse et l'heure de début



propriété de transition CSS3 exemple

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:100px;
background:yellow;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}

div:hover
{
width:300px;
}
</style>
</head>
<body>

<div></div>

<p>請把鼠標(biāo)指針放到黃色的 div 元素上,來查看過渡效果。</p>

<p><b>注釋:</b>本例在 Internet Explorer 中無效。</p>

</body>
</html>

Exécuter l'instance ?

Cliquez sur le bouton ??Exécuter l'instance?? pour afficher l'instance en ligne