ในการใช้งานแอนิเมชั่นบนคุณสมบัติ max-height ด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้:
ตัวอย่าง
<!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> 