Verwenden Sie das Attribut „animation-fill-mode“, um den Stil des Elements festzulegen, wenn die Animation nicht abgespielt wird
Live-Demonstration
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
position: relative;
background: red;
animation-name: myanim;
animation-duration: 2s;
animation-fill-mode: backwards;
}
@keyframes myanim {
from {left: 0px; background-color: green;}
to {left: 200px; background-color: blue;}
}
</style>
</head>
<body>
<div></div>
</body>
</html>Das obige ist der detaillierte Inhalt vonLegen Sie den CSS-Stil des Elements fest, wenn die Animation nicht abgespielt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Welche privaten Informationen werden Douyins enge Freunde sehen?
So verwenden Sie die jsreplace-Funktion
Einführung in Eingabefunktionen in C-Sprache
Warum kann der Himalaya keine Verbindung zum Internet herstellen?
So verwenden Sie die Sortierfunktion
Welche Möglichkeiten gibt es, Shell-Skripte auszuführen?
Nodejs implementiert Crawler
STIL.HINTERGRUND
