跳转到内容

User:MeritTim/Wrench/Dual ring.css

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

这是User:MeritTim/Wrench/Dual ring.css当前版本,由MeritTim留言 | 贡献编辑于2019年5月11日 (六) 02:19。这个网址是本页该版本的固定链接。

(差异) ←上一修订 | 最后版本 (差异) | 下一修订→ (差异)
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lds-dual-ring {
  position: relative;
}
.lds-dual-ring div {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 20px;
  left: 15px;
  border-radius: 50%;
  border: 5px 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);
}