CSS旋转动画停止到位

我有一个类。orbit可以触发orbit动画。我移除类以停止旋转。这会将图元重置为其原始位置

是否有方法停止其轨迹中的旋转动画，将元素保留在原来的位置

目前获得了这个职位并将其设置为该职位，但这并不完美

您需要的不是“停止”动态观察动画，而是使用CSS3

动画播放状态

属性“暂停”动态观察动画。如果要永久暂停，而不是再次恢复，可以应用标记变量（如“haspausted”）

示例JSFIDLE可在以下位置找到：

---

My updated fiddle，带有修复程序：

#errordot{
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:50px;
    background:red;
    border-radius:50%;
    font-size:40px;
}
#errorsun{
    width:200px;
    height:200px;
    position:absolute;
    top:50px;
    left:50px;
}
.orbit {
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -webkit-animation-name:orbit;
    -webkit-animation-duration:5s;
}

@-webkit-keyframes orbit {
from { -webkit-transform:rotate(0deg) }
to { -webkit-transform:rotate(360deg) }
}
@-moz-keyframes orbit {
from { -moz-transform:rotate(0deg) }
to { -moz-transform:rotate(360deg) }
}