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>請(qǐng)把鼠標(biāo)指針?lè)诺近S色的 div 元素上,來(lái)查看過(guò)渡效果。</p>

<p><b>注釋?zhuān)?lt;/b>本例在 Internet Explorer 中無(wú)效。</p>

</body>
</html>

Exécuter l'instance ?

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