动画CSS列数属性
要使用CSS在 column-count属性上实现动画，您可以尝试运行以下代码
示例
<!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>热门推荐
10 爱情祝福语大全 简短实际
11 小红书平安祝福语简短
12 六十岁大寿祝福语简短
13 周末祝福语正能量简短
14 祝福语大全简短6个
15 学生节祝福语简短大全
16 关于好的祝福语简短
17 杨奕老师祝福语简短
18 老师祝福语简短100字