Um mithilfe von CSS eine Animation der Clip-Eigenschaft zu erreichen, können Sie versuchen, den folgenden Code auszuführen:
Live-Demo
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 200px;
height: 300px;
background: yellow;
border: 10px solid red;
animation: myanim 3s infinite;
bottom: 30px;
position: absolute;
clip: rect(0,100px,50px,0);
}
@keyframes myanim {
20% {
bottom: 100px;
clip: rect(0,150px,40px,0);
}
}
</style>
</head>
<body>
<h2>Performing Animation on clip property</h2>
<div></div>
</body>
</html>Das obige ist der detaillierte Inhalt vonAnimierte CSS-Clipping-Eigenschaften. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Welche Datenanalysetools gibt es?
So überprüfen Sie die Mac-Adresse
Tutorial zum Festlegen des Startkennworts für Windows 10
So verwenden Sie define
So stellen Sie Daten von einer mobilen Festplatte wieder her
Was bedeutet Kappa?
So machen Sie den Vorgang nach Gitcommit rückgängig
Können Programmdateien gelöscht werden?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
