CSS实现从上到下扫描效果
【CSS实现从上到下扫描效果】css代码如下
.scan {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-bottom: 3px solid #3e88f1;
-webkit-animation: scan 1.2s infinite;
-moz-animation: scan 1.2s infinite;
animation: scan 1.2s infinite;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#3e88f1));
background: -webkit-linear-gradient(top, transparent, #3e88f1);
background: -moz-linear-gradient(top, transparent, #3e88f1);
background: linear-gradient(180deg, transparent, #3e88f1);
}效果如下
推荐阅读
- 关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式
- MybatisPlus使用queryWrapper如何实现复杂查询
- python学习之|python学习之 实现QQ自动发送消息
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 孩子不是实现父母欲望的工具——林哈夫
- opencv|opencv C++模板匹配的简单实现
- Node.js中readline模块实现终端输入
- java中如何实现重建二叉树
- 人脸识别|【人脸识别系列】| 实现自动化妆
- paddle|动手从头实现LSTM