Utilisez animation-timing-function pour définir la courbe de vitesse de l'animation. Vous pouvez essayer d'exécuter le code suivant pour configurer des effets d'animation faciles et faciles à intégrer :
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
position: relative;
background-color: yellow;
animation-name: myanim;
animation-duration: 2s;
animation-direction: alternate-reverse;
animation-iteration-count: 3;
}
@keyframes myanim {
from {left: 100px;}
to {left: 200px;}
}
#demo1 {animation-timing-function: ease;}
#demo2 {animation-timing-function: ease-in;}
</style>
</head>
<body>
<div id = "demo1">ease effect</div>
<div id = "demo2">ease-in effect</div>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Introduction aux caractéristiques de l'espace virtuel
Utilisation de la valeur de retour Python
Comment utiliser la monnaie numérique
Que dois-je faire si des lettres anglaises apparaissent lorsque l'ordinateur est allumé et que l'ordinateur ne peut pas être allumé ?
La différence entre vue2.0 et 3.0
Comment changer de ville sur Douyin
pas de solution de fichier de ce type
Comment configurer la passerelle par défaut
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
