两块内容无缝滚动(纯css)

<style>
  @keyframes d_fu1{
    0%{transform:translateX(0)}
    50%{transform:translateX(-100%)}
    50.001%{transform:translateX(100%);display:none}
    100%{transform:translateX(0);display:block}
  }
  @keyframes d_fu2{
    from{transform:translateX(100%)}
    to{transform:translateX(-100%)}
  }

.e_ab{
  position:absolute;
  width:100%;
  height:auto;
  right:0;
  top:0;
}
 .e_ab1{
  transform:translateX(0);
  animation:d_fu1 40s linear infinite;
}
 .e_ab2{
  transform:translateX(100%);
  animation:d_fu2 40s linear infinite;
}
</style>

发布了55 篇原创文章 · 获赞 5 · 访问量 3万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览