Um die Max-Width-Eigenschaft mithilfe von CSS zu animieren, können Sie versuchen, den folgenden Code auszuführen
Live-Demo
<!DOCTYPE html>
<html>
<head>
<style>
div {
overflow: auto;
background-color: blue;
color: white;
border: 1px solid black;
animation: myanim 3s;
}
@keyframes myanim {
30% {
max-width: 250px;
}
}
</style>
</head>
<body>
<h1>Example of max-width</h1>
<div>
<p>This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
</p>
</div>
</body>
</html>Das obige ist der detaillierte Inhalt vonFühren Sie eine Animation mit der maximalen CSS-Breite durch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Der Unterschied zwischen SQL Server und MySQL
Der Apple Store kann keine Verbindung herstellen
So finden Sie den Standort eines verlorenen Huawei-Telefons
Was ist ein Index?
Was ist der Unterschied zwischen PHP und Java?
Neueste Nachrichten zu Shib-Münzen
HTML zum Erstellen von Webseiten
Der Unterschied zwischen ROM und RAM
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
