.__spinner-container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.__spinner { position: relative; width: 68px; height: 68px; background-color: #41b883; animation: cube-shadow-spinner 1.8s cubic-bezier(0.75, 0, 0.5, 1) infinite;}
@keyframes cube-shadow-spinner { 50% { border-radius: 50%; transform: scale(0.5) rotate(360deg); } 100% { transform: scale(1) rotate(720deg); } }
<div class="__spinner-container">
<div class="__spinner"></div>
</div>
loading
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 试例: loading的js引入文件必须放<head>内 html base_loading.js 当页面资源加载...
- redis 服务基本上坑不多,基本上注意一下几点: 主动设置 key 过期时间 注意不要有大 key 最近遇到了一...
- 原理:每发送一次请求就+1,每执行完一次请求就-1,最后数字得0 就说明都请求完了
- 在使用gradle加载jdbc驱动的时候,如果gradle版本过低 会出现以下错误信息,只要升级下gradle版本即可
- 以Vue-Echarts举例 一、在v-chart标签里面添加代码 二、在组件内引入Element-UI的Load...