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 应用程序添加前缀?