.__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...