跳转到内容

User:MeritTim/Wrench/Dual ring.css

维基百科,自由的百科全书

这是本页的一个历史版本,由MeritTim留言 | 贡献2019年5月10日 (五) 14:22编辑。这可能和当前版本存在着巨大的差异。

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lds-dual-ring {
  position: relative;
}
.lds-dual-ring div {
  position: absolute;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 10px;
  border-radius: 50%;
  border: 8px solid #000;
  border-color: #00e8c6 transparent #00e8c6 transparent;
  animation: lds-dual-ring 1s linear infinite;
}
.lds-dual-ring {
  width: 200px !important;
  height: 200px !important;
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}