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
- Propriétés de transition CSS : transition-timing-function et transition-delay
- Explication détaillée des propriétés de transition CSS : transition-timing-function et transition-delay
- Connaissez-vous Transition ? Apprenons-en davantage sur Transition !
- Conseils d'optimisation des propriétés de transition CSS : fonction de synchronisation de transition et durée de transition
- Afficher l'animation de transition dans l'application React.js
- Comment utiliser la transition en CSS