propriétés d'animation CSS3
Résultats de traduction：
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 CSS3syntaxe
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 CSS3exemple
<!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
Recommandations populaires
- \'Alien piégé\' Art et animation CSS
- Toutes les exigences de layup et d'animation dunk de NBA 2K25
- Toutes les exigences en matière de style de dribble et d'animation de mouvement de NBA 2K25
- Animation Fly to Cart avec Pure Javascript en quelques lignes.
- Un seul progrès utilise du CSS pur pour obtenir des effets d'animation