html - 修改 jm 微调器点以使其大小相同而不会反弹

Question

我正在使用 jm spinner我网站上的插件，但我想在显示时更改弹跳点的大小(弹跳)。它们显示为“弹跳”，使它们看起来像是在变大。我只是希望它们保持相同的大小，但我一直在使用 .css 文件和调试器，但我无法做出任何更改!

这是一个code pen

在网站上它说我可以像这样修改/设置微调器的样式

.spinner {
 }

但我不确定该放什么。

好像我不想要 'sk-bouncedelay' 但不确定

Answer 1

是这样的吗？如果是这样，您可以忘记该插件。

.spinner>div {
  width: 13px;
  height: 13px;
  background-color: blue;
  border-radius: 50%;
  display: inline-block;
  opacity: 0;
  animation: showhide 1.4s infinite;
}

.spinner .dot1 {
  animation-delay: -0.32s;
}

.spinner .dot2 {
  animation-delay: -0.16s;
}

@keyframes showhide {
  0%,
  100% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
}

<div class="spinner">
  <div class="dot1"></div>
  <div class="dot2"></div>
  <div class="dot3"></div>
</div>