在网站设计中，动态效果可以增加页面的吸引力，吸引更多用户访问。今天我们来学习如何使用CSS写一个轨道动态效果。
.track {
width: 200px;
height: 100px;
background: #ddd;
position: relative;
overflow: hidden;
}
.ball {
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
background: blue;
animation: move 3s infinite;
}
@keyframes move {
0% {
left: -50px;
}
100% {
left: calc(100% + 50px);
}
}
元素，并设置它的宽度、高度和背景颜色。由于动态效果需要溢出隐藏，我们还需要设置“overflow”属性为“hidden”。
紧接着，我们来创建轨道上的小球。我们可以使用另一个
相关文章
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
