Css at规则在visual studio中不起作用

所以我使用的是这个链接中的代码：

其中包括：

@-webkit-keyframes moveclouds {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}

它导致了这个错误：

---

“语法分析器错误

描述：分析资源时出错 服务此请求所必需的。请查看以下具体内容 分析错误详细信息并适当修改源文件

分析器错误消息：“-”在代码块的开头无效。 只有标识符、关键字、注释”（）和“{”才有效

源错误：

第185行：}第186行：第187行：@-o-关键帧移动云{Line 188:0%{189行：左边距：1000px；”

---

如果我删除“at rules”，它将正常工作；但是，云不会移动。

在witch文件中存储css？ 一切正常 复制到index.html文件

<div id="clouds">
    <div class="cloud x1"></div>
    <!-- Time for multiple clouds to dance around -->
    <div class="cloud x2"></div>
    <div class="cloud x3"></div>
    <div class="cloud x4"></div>
    <div class="cloud x5"></div>
</div>

由于Visual Studio的“@”符号表示CSHTML文件中.net代码的开头，因此需要将“@”符号加倍以将其取消。如下所示：

@@-webkit-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -1000px;}
}

但是，如果在CSS文件中添加CSS代码，一个“@”符号将起作用，如下所示：

@-webkit-keyframes moveclouds {
        0% {margin-left: 1000px;}
        100% {margin-left: -1000px;}
    }

@-webkit-keyframes moveclouds {
        0% {margin-left: 1000px;}
        100% {margin-left: -1000px;}
    }