C3版的无缝滚动动画

今天学习了自定义动画，做了一个小小的案例，在写案例之前需要了解以下知识点：

1.自定义动画和过渡动画的区别：

自定义动画不需要触发，过渡动画需要触发

2.过渡动画的重要属性：animation，animation 属性是一个简写属性，用于设置六个动画属性，即

animation-name：自定义动画的名称
animation-duration：动画时长
animation-timing-function：缓冲曲线
animation-delay：等待时间
animation-iteration-count： 播放次数（infinite表示无数次播放）
animation-direction：规定是否应该轮流反向播放动画。

3.关键帧， 在使用@keyframes 创建动画时，需要把他捆绑到某个选择器，否则不会产生动画效果，可以使用关键词 “from” 和 “to”创建关键帧，也可以使用百分比。本案例使用的是from和to关键字

代码如下：

<style>
        *{
    margin: 0;padding: 0}
        body{
    background: black}
        .donghua