已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题？**添加详细信息并通过editing this post阐明问题。

昨天关门了。
Improve this question
我有一个加载器，我试图它消失后3秒，但我的代码不运行。如何解决这个问题？我认为这是我的关键帧。这里是我的css代码。谢谢你的帮助。

.loader
 {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: absolute;
    margin: 250px 0 0 130px;
 }
 
 .loader:before, .loader:after
{
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #9356DC;
    display: none;
}
.loader:before
{
    z-index: 100;
    animation: spin 1s infinite;
}
.loader:after
{
    border: 10px solid #FF79DA;
}
 
@keyframes spin{
0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@keyframes loader{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
type here

我尝试添加关键帧，但我的关键帧不运行。我不明白为什么。
下面是代码：

<div class="loader"></div>

谢谢你matias