使用动画更改CSS列属性
要使用CSS在column属性上实现动画，您可以尝试运行以下代码：
示例
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 600px;
height: 300px;
background: white;
border: 10px solid red;
animation: myanim 3s infinite;
bottom: 30px;
position: absolute;
column-rule: 10px inset orange;
column-count: 4;
}
@keyframes myanim {
20% {
bottom: 100px;
box-shadow: 30px 45px 70px orange;
column-rule-color: black;
columns: 70px 6;
}
}
</style>
</head>
<body>
<h2>Performing Animation on column rule color 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>热门推荐
2 带马的祝福语简短
10 学生老师离职祝福语简短
11 婆婆66岁祝福语简短
12 霸气新年祝福语大全简短
13 节日对老公祝福语简短
14 清新唯美生日祝福语简短
15 离别赠言离职祝福语简短
16 朋友的孩子祝福语简短
17 女孩自己生日祝福语简短
18 新春祝福语大全 英语简短