如何调整CSS动画以防止不透明度重叠？
我正在尝试使用CSS创建一个动画，它表示某个如何调整CSS动画以防止不透明度重叠？,css,css-animations,Css,Css Animations,我正在尝试使用CSS创建一个动画，它表示某个的运动 为了表现这一运动，我希望我的留下一条逐渐消失的轨迹 我实现了这个效果，但我并不完全满意，因为每个（创建我想要的运动表示）的不透明度彼此重叠，使动画的特定部分具有更高的不透明度 我复制这种不想要的效果的确切代码如下： 有人能给我解释一下如何阻止我的动画那样做吗？这是你想要的吗 我将所有div包装在一个容器中，并仅对该容器设置动画 还将左属性赋予每个div div{ 宽度：16.5px； 高度：80px； 背景重复：无重复； 字体大小：粗体；
有人能给我解释一下如何阻止我的动画那样做吗？这是你想要的吗 我将所有div包装在一个容器中，并仅对该容器设置动画 还将左属性赋予每个div
div{
宽度：16.5px；
高度：80px；
背景重复：无重复；
字体大小：粗体；
位置：绝对位置；
动画计时功能：线性；
}
.集装箱{
宽度：0px；
动画：newmove 2.4s无限；
位置：相对位置；
溢出：隐藏；
}
#div1{背景色：红色；左侧：148.5px}
#div2{背景色：红色；不透明度：0.9；左侧：132px}
#div3{背景色：红色；不透明度：0.8；左侧：115.5px}
#div4{背景色：红色；不透明度：0.7；左侧：99px}
#div5{背景色：红色；不透明度：0.6；左侧：82.5px}
#div6{背景色：红色；不透明度：0.5；左侧：66px}
#div7{背景色：红色；不透明度：0.4；左侧：49.5px}
#div8{背景色：红色；不透明度：0.3；左侧：33px；}
#div9{背景色：红色；不透明度：0.2；左侧：16.5px}
#div10{背景色：红色；不透明度：0.1；左侧：0px}
@关键帧newmove{
0% {
宽度：0px；
}
100% {
宽度：165px；
}
}