CSS3 加载进度样式
2024-10-18 16:52:03
<html>
<head>
<style type="text/css">
body{
background-color: green;
} .circle{
margin:0 auto;
margin-top:150px;
background-color: gray;
width: 10em;
height: 10em;
border-radius: 50%;
border: 1.1em solid rgba(255,255,255,0.2);
border-left-color:#fff;
-webkit-animation: load 1.1s infinite linear;
} @-webkit-keyframes load{
from{
transform:rotate(0deg);
}
to{
transform:rotate(360deg);
}
}
</style>
</head>
<body>
<div class="circle">
</div>
</body>
</html>
最新文章
- AngularJS实例实战
- ubuntu 报错: The system is running in low-graphics mode
- 无废话ExtJs 入门教程二十[数据交互:AJAX]
- 神奇的NOIP模拟赛 T1 LGTB 玩扫雷
- WPF——传实体类及绑定实体类属性
- JSON 传值 textarea中虚拟换行功能
- js--事件对象的理解2
- Tomcat 快速入门
- NC帮助文档网址
- js判断手机端
- Centos 05 系统目录讲解
- request模块的使用
- mongodb数据到MySQL数据库 的迁移步骤
- Linux之chkconfig命令
- [note]What I’ve learnt from working on startups
- 架构师养成记--34.Redis持久化
- CF1114F Please, another Queries on Array?
- 深入分析JavaWeb Item24 -- jsp2.X自己定义标签开发进阶
- Educational Codeforces Round 58 (Rated for Div. 2) 题解
- socket上传nsdictionary的json数据异常