css3实现 依次出现三个点(一般用于提示加载中。。。 提交中。。。)
<a href="javascript:" class="login">登录中<span class="dotting"></span></a>
.dotting { display: inline-block; width: 10px; min-height: 2px;padding-right: 2px;border-left: 2px solid currentColor; border-right: 2px solid currentColor;background-color: currentColor; background-clip: content-box;box-sizing: border-box;-webkit-animation: dot 1.5s infinite step-start both;animation: dot 1.5s infinite step-start both;*zoom: expression(this.innerHTML = '...'); /*IE7 */}.dotting:before { content: '...'; } /* IE8 */.dotting::before { content: ''; }:root .dotting { margin-left: 2px; padding-left: 2px; } /* IE9+ */@-o-keyframes dot {25% { border-color: transparent; background-color: transparent; }50% { border-right-color: transparent; background-color: transparent; }75% { border-right-color: transparent; }}@-ms-keyframes dot {25% { border-color: transparent; background-color: transparent; }50% { border-right-color: transparent; background-color: transparent; }75% { border-right-color: transparent; }}@-moz-keyframes dot {25% { border-color: transparent; background-color: transparent; }50% { border-right-color: transparent; background-color: transparent; }75% { border-right-color: transparent; }}@-webkit-keyframes dot {25% { border-color: transparent; background-color: transparent; }50% { border-right-color: transparent; background-color: transparent; }75% { border-right-color: transparent; }}@keyframes dot {25% { border-color: transparent; background-color: transparent; }50% { border-right-color: transparent; background-color: transparent; }75% { border-right-color: transparent; }}
转载于:https://www.cnblogs.com/dongxiaolei/p/9182611.html
css3实现 依次出现三个点(一般用于提示加载中。。。 提交中。。。)相关推荐
- Unity游戏开发——新发教你做游戏(三):3种资源加载方式
文章目录 一.前言 二.Unity的目录结构规范 1.Resources(不是很推荐把资源放这个目录) 2.RawAssets(存放生资源) 3.GameRes(存放熟资源) 4.StreamingA ...
- 【Unity使用UGUI实现王者荣耀UI界面(三)】登录界面以及加载界面优化
[Unity使用UGUI实现王者荣耀UI界面(三)]登录界面以及加载界面优化 [只是用来玩玩的,不要太当真] 效果显示: zhans 1. 加载界面进度100%跳转登录界面 这个功能好做,只需要将上次 ...
- yolov3前向传播(三)-- 坐标转换,iou计算,权重加载,图片显示
坐标转换,iou计算,权重加载,图片显示 一.坐标转换 1.分析 2.实现 # =====================================坐标值转化函数================ ...
- HoloLens1开发(三):Trilib插件动态加载模型-Part2
前言 最近有新成员加入本团队,为了方便其开发HoloLens1 / HoloLens2,将不定时更新HoloLens相关开发相关内容. 软件需求: HoloLens 1:VS2017 + Unity2 ...
- HoloLens1开发(三):Trilib插件动态加载模型-Part1
前言 最近有新成员加入本团队,为了方便其开发HoloLens1 / HoloLens2,将不定时更新HoloLens相关开发相关内容. 软件需求: HoloLens 1:VS2017 + Unity2 ...
- CSS3导入字体后用另外一种索引去加载字体里面的字符的问题。
2019独角兽企业重金招聘Python工程师标准>>> 上面的图为正常引用字体里面对应的字符标示! 在页面展示只需要一个class 就能引用出来. 但是我发现一些国外的网站模板里面引 ...
- 浅谈Android中的异步加载之ListView中图片的缓存及优化三
隔了很久没写博客,现在必须快速脉动回来.今天我还是接着上一个多线程中的异步加载系列中的最后一个使用异步加载实现ListView中的图片缓存及其优化.具体来说这次是一个综合Demo.但是个人觉得里面还算 ...
- python3 爬虫日记(三) 爬取堆糖动态加载网页
1.分析:进入堆糖网后我们在分类找到插画绘画进入这个分类后发现好多图片,下拉后发现会有不断的图片刷新出来,这就是堆糖采用了动态加载网页. 2.用开发者工具(F12)分析:按一下F12,找到networ ...
- 【GoLang】《GORM实战》第三篇:关联与预加载
文章目录 关联 分类 重写外键.引用 多态关联 外键约束 关联操作 自动添加关联 关联模式 查询关联 添加关联 替换关联 删除关联 级联删除 清空关联 关联计数 批量处理数据 预加载 Preload ...
最新文章
- openssl私有ca创建
- IIS 承载的WCF服务失败
- 如果故障选择了你……
- mysql分析sql语句基础工具 —— explain
- apache kafka_使用Apache Kafka,Kubernetes和Envoy,Istio,Linkerd的服务网格和云原生微服务...
- 从包中构建瓦片服务器
- 江西小学计算机说课稿,2019江西教师招聘面试-小学数学-说课稿
- 计算机文化基础课程实验,山东经贸职业学院计算机文化基础课程实验教学大纲.doc...
- 从零基础入门Tensorflow2.0 ----七、36. 文本生成之---2. 构建模型
- C语音--static变量
- 利用云主机搭建游戏加速器(仅限国内加速)
- WIN10 vmware开启虚拟机蓝屏
- 低电压的1.8V SDHC 接口静电保护
- 北航计算机学硕和专硕人数,2021考研报考人数公布!今年人数暴增了吗?
- 学校计算机统一编号,华中科技大学人员编号编码管理办法
- Image2Lcd图片取模软件
- 局域网病毒入侵原理和防御
- java web添加背景图片_java web项目中如何插入背景图片
- 转载一篇知乎上的文章
- 网际校验和算法(Internet CheckSum)