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