使用动画更改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 拥有爱的祝福语简短
12 冬至婆婆的祝福语简短
13 送女士祝福语长辈简短
14 许愿星姐妹祝福语简短
15 年前幸福祝福语大全简短
16 新年的鸡汤祝福语简短
17 学校职工祝福语大全简短
18 新年祝福语和语句简短