Um den Füllmodus mithilfe von CSS zu animieren, verwenden Sie die Eigenschaft animation-fill-mode. Es gibt Vorwärts-, Rückwärts- und bidirektionale Werte.
Sie können versuchen, den folgenden Code auszuführen, um den Füllmodus der Animation festzulegen
Online-Demo
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
position: relative;
background: red;
animation-name: myanim;
animation-duration: 2s;
animation-fill-mode: forwards;
}
@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 vonSo animieren Sie ein Füllmuster mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Was sind die am häufigsten verwendeten Befehle in Postgresql?
Verwendung des übergeordneten Knotens
Oracle-Datenbankwiederherstellungsmethode
So schreiben Sie MySQL-Prüfeinschränkungen
Verwendung von Oracle-Einsätzen
Der Unterschied zwischen null und NULL in der C-Sprache
Inländische kostenlose ChatGPT-Enzyklopädie
Was sind die Hauptmerkmale von Computern?
