在CSS最大高度上执行动画
要使用CSS在max-height属性上实现动画，您可以尝试运行以下代码：
示例
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 350px;
background-color: orange;
overflow: auto;
border: 1px solid black;
animation: myanim 3s infinite;
}
@keyframes myanim {
30% {
max-height: 100px;
}
}
</style>
</head>
<body>
<h1>Example of max-height</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>