propriété de transition CSS3


  Résultats de traduction:

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 CSS3syntaxe

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 CSS3exemple

<!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>请把鼠标指针放到黄色的 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

Recommandations populaires

Maison

vidéos

Questions et réponses