css CSS / HTML仅加载微调器
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css CSS / HTML仅加载微调器相关的知识,希望对你有一定的参考价值。
.loading-spinner {
display: inline-block;
width: 20px;
height: 20px;
position: relative;
vertical-align: middle;
margin-left: 4px;
}
.loading-spinner:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
border-top: 3px solid #888;
border-bottom: 3px solid #ccc;
border-left: 3px solid #888;
border-right: 3px solid #ccc;
top: 0;
left: 0;
border-radius: 100%;
animation: rotate 0.6s linear infinite;
}
@keyframes rotate {
0% {
transform: rotateZ(-360deg);
}
100% {
transform: rotateZ(0deg);
}
}
以上是关于css CSS / HTML仅加载微调器的主要内容,如果未能解决你的问题,请参考以下文章
css CSS3加载图标/微调器
CSS 通用图像预加载器(微调器)
css 加载微调器覆盖
在 asp.net 回发期间触发 javascript(以显示 css 加载器/微调器)
仅使用 CSS 淡出后隐藏元素
如何使用加载微调器为 Flutter Web 应用程序添加前缀?