열 수에서 애니메이션을 구현하려면 CSS를 사용하여 속성을 사용하면 다음 코드를 실행할 수 있습니다.
예시
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 400px;
height: 300px;
background: white;
border: 10px solid red;
animation: myanim 3s infinite;
bottom: 30px;
position: absolute;
}
@keyframes myanim {
20% {
bottom: 100px;
box-shadow: 30px 45px 70px orange;
column-count: 4;
}
}
</style>
</head>
<body>
<h2>Performing Animation on column-count property</h2>
<div>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! This is demo text! This is demo text! This is demo text! This is demo text!</div>
</body>
</html>