简单的进度条
来源:互联网 发布:客机纸模型图纸淘宝 编辑:程序博客网 时间:2024/06/04 19:03
<style>
@keyframes move{
0%{
background-position: 0 0 ;
}
100%{
background-position: 40px 0;
}
}
.progress{
width: 500px;
height: 40px;
margin: 100px auto;
background-color: white;
border-radius: 5px;
background-image: linear-gradient(
135deg,
#3e3e3e 25%,
transparent 25%,
transparent 50%,
#3e3e3e 50%,
#3e3e3e 75%,
transparent 75%,
transparent 100%
);
background-size: 40px 40px;
background-position: 0 0 ;
animation: move 1s linear infinite;
}
</style>
@keyframes move{
0%{
background-position: 0 0 ;
}
100%{
background-position: 40px 0;
}
}
.progress{
width: 500px;
height: 40px;
margin: 100px auto;
background-color: white;
border-radius: 5px;
background-image: linear-gradient(
135deg,
#3e3e3e 25%,
transparent 25%,
transparent 50%,
#3e3e3e 50%,
#3e3e3e 75%,
transparent 75%,
transparent 100%
);
background-size: 40px 40px;
background-position: 0 0 ;
animation: move 1s linear infinite;
}
</style>
阅读全文
0 0
- js进度条(简单的)
- 简单的进度条
- 简单的进度条
- 简单的进度条
- 简单的进度条
- 一个简单的进度条
- 进度条的简单实现
- 简单的进度条
- 进度条的简单实现
- 简单进度条的实现
- 简单的进度条
- 自定义简单的进度条
- 简单的长方形进度条
- 简单进度条的实现
- 简单的进度条,圆形进度条(一)
- 简单的进度条,水平进度条(二)
- 简单的圆形的进度条
- 一个简单的进度条ProgressBar
- Python2基础用法(中文编码,标识符,注释)
- 在一个DataTable中手动加一行数据
- 第三章 正则表达式括号的作用
- vue axios全攻略
- Java网络编程笔记(三):点对点通信(Socket基于TCP协议)
- 简单的进度条
- gitlab项目加人
- HDU1024-Max Sum Plus Plus
- 关于Spring的面试题
- 通过maven-shade-plugin 解决Elasticsearch与spark的jar包冲突问题
- xml无法加载的异常
- Java泛型学习-20170816
- 【代码笔记】iOS-对数组进行排序
- 50. Pow(x, n)