阻止@在VisualStudio2010中的CSS3中无法识别

我正在vs2010的css3上工作.尝试一些动画.但intellisense给出错误"无法识别的@块类型"和"关键帧不是已知的css属性名称".以下是我试过的一些.

 @-webkit-keyframes animt1 {
0%   {background-color:red; left:0px; top:0px;}
25%  {background-color:yellow; left:200px; top:0px;}
50%  {background-color:blue; left:200px; top:200px;}
75%  {background-color:green; left:0px; top:200px;}
100% {background-color:red; left:0px; top:0px;}
@keyframes animt1 {
from {background-color: red;}
to {background-color: yellow;}

请帮助我.提前致谢.

" @"被认为是剃刀视图语法 - 所以它期望下一个文本成为剃刀语法的一部分.

Razor语法几乎就是"服务器端标记",这意味着它被称为"服务器端代码"之后的行 - 而您希望在此处拥有客户端功能.

更多关于剃须刀

要解决此问题,您应该使用'css files(.css)'来阻止此语法被视为razor语法.

即:将此信息放入单独的css文件中,然后将样式表链接到您的部分.

您还可以使用转义字符"@"将其转义为剃刀语法:

例如;

@@-webkit-keyframes progressBar {
        0% {
            width: 0;
        }

        100% {
            width: 100%;
        }
    }