使用动画

<div class="horNotice">
<div class="horMove">
<span>累计87例死亡 重症八仙有3位赴上海</span>
<span>北京新增21例感染者 含多名在校生</span>
</div>
</div>
     .horNotice {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
height: 26px;
.horMove {
position: absolute;
top: 0;
left: 100%;
white-space: nowrap;
animation: moveAniHor 30s linear infinite normal;
}
}
@keyframes moveAniHor {
0% {left: 100%;}
50% {left: 0;}
100% {left: -100%;}
}

最新文章

  1. 编写Java应用程序。首先,定义一个Print类,它有一个方法void output(int x),如果x的值是1,在控制台打印出大写的英文字母表;如果x的值是2,在 控制台打印出小写的英文字母表。其次,再定义一个主类——TestClass,在主类 的main方法中创建Print类的对象,使用这个对象调用方法output ()来打印出大 小写英文字母表。
  2. CSS权威指南 - 基础视觉格式化 2
  3. A Simple Problem with Integers poj 3468 多树状数组解决区间修改问题。
  4. asp.net 下载Excel (数据流,不保存)--客户端
  5. malloc函数
  6. axis : java.lang.NoSuchMethodError
  7. [Practical Git] Compare file changes with git diff
  8. gulp Tips
  9. Spring Data Rest 支持Put请求
  10. outlook gmail setting
  11. JavaNIO深入学习
  12. js 抓取屏幕宽度设置字体大小 rem
  13. [转]Android长度单位详解
  14. Py-numpy的随机函数【转载】
  15. MAC JDK默认安装路径 JAVA路径
  16. 【转载】Please configure Android Sdk(android studio)解决办法
  17. jquery实现上传文件大小类型的验证
  18. 搭建简单的网络部分(OC)框架
  19. 递增三元组|2018年蓝桥杯B组题解析第六题-fishers
  20. c语言定义函数指针和typedef简写

热门文章

  1. codeforce A. Many Equal Substrings
  2. 20200420关于mysql突然停止服务的记录
  3. iOS第三方库汇总(转)
  4. rocketmq-exporter部署(干货)
  5. PageHelper大致逻辑
  6. FreeRdp(一):主要数据结构
  7. 手写Web图片懒加载~
  8. Python项目框架的搭建
  9. element ui form 表单 校验upload是否有上传
  10. Firefox几个必备的插件