使用CSS动画从屏幕外对绿色div进行动画处理

时间:2020-04-10 15:30:56

标签: html css css-animations

我有两个 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>

JS bin source code link

0 个答案:

没有答案