我有两个 div红色和 div绿色。红色div从屏幕左侧开始,但绿色div甚至没有添加延迟时间10s 。 我希望动画开始时在屏幕上也显示绿色div。
.one{
width: 100px;
height: 100px;
background: red;
animation: move 35s linear infinite;
}
.two{
background: green;
animation: move 25s 10s linear infinite;
}
@keyframes move{
from{
transform: translateX(-200px);
}
to{
transform: translateX(1500px);
}
}
<div class="one">Div One</div>
<div class="one two">Div Two</div>