Verwenden Sie die Animations-Timing-Funktion, um die Geschwindigkeitskurve der Animation festzulegen. Sie können versuchen, den folgenden Code auszuführen, um Ease- und Ease-In-Animationseffekte einzurichten:
<!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>Das obige ist der detaillierte Inhalt vonWelche CSS-Eigenschaft wird verwendet, um die Geschwindigkeitskurve der Animation festzulegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Einführung in die Eigenschaften des virtuellen Raums
Verwendung des Python-Rückgabewerts
So nutzen Sie digitale Währungen
Was soll ich tun, wenn beim Einschalten des Computers englische Buchstaben angezeigt werden und der Computer nicht eingeschaltet werden kann?
Der Unterschied zwischen vue2.0 und 3.0
So wechseln Sie die Stadt auf Douyin
keine solche Dateilösung
So konfigurieren Sie das Standard-Gateway
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
