Anglais [ˌænɪˈmeɪʃn] US [ˌænəˈmeʃən]

n En colère, animé ; production d'animation, tournage d'animation

pluriel : animations

.

propriétés d'animation CSS3 syntaxe

Fonction : l'attribut d'animation est un attribut abrégé utilisé pour définir six attributs d'animation.

Syntaxe : animation : nom durée timing-fonction retard itération-compte direction.

Description : animation-name spécifie le nom de l'image clé qui doit être lié au sélecteur. . animation-duration spécifie le temps nécessaire pour terminer l'animation, en secondes ou millisecondes. animation-timing-function spécifie la courbe de vitesse de l'animation. animation-delay spécifie le délai avant le début de l'animation. animation-iteration-count spécifie le nombre de fois que l'animation doit être jouée. animation-direction spécifie si l'animation doit être jouée à l'envers à tour de rôle.​

Remarque : Veuillez toujours spécifier l'attribut animation-duration, sinon la durée sera de 0 et l'animation ne sera pas jouée. La propriété d'animation

css3 est une propriété abrégée qui permet d'obtenir des effets d'animation en définissant six propriétés d'animation. Ces six propriétés sont le nom de l'animation, la durée de l'animation, la courbe de vitesse, le délai d'animation, les temps de lecture et si l'animation est jouée à l'envers.

propriétés d'animation CSS3 exemple

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
}

@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:200px;}
}
</style>
</head>
<body>

<p><strong>注释:</strong>Internet Explorer 9 以及更早的版本不支持 animation 属性。</p>

<div></div>

</body>
</html>

Exécuter l'instance »

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