Moh*_*eed 3 visual-studio-2010 css3 css-animations
我正在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文件中,然后将样式表链接到您的<head>部分.
您还可以使用转义字符"@"将其转义为剃刀语法:
例如;
@@-webkit-keyframes progressBar {
0% {
width: 0;
}
100% {
width: 100%;
}
}