如果声明多个关键帧,请不要编译

时间:2014-09-03 21:03:53

标签: css less css-animations saas

如果在less文件中声明一个关键帧都没问题,但如果我声明另一个关键帧(没有tiping错误,我只是复制工作关键帧然后更改名称),请告诉我unrecognized input。相反,saas有expected "{", was "@keyframes错误。

代码:

@keyframes cloud-animation-1 {
  from { transform:translate(0px,0);}
  to{transform:translate(1000px,0);}
}

@-moz-keyframes cloud-animation-1 {
  from {transform:translate(10px,0);}
  to{transform:translate(1000px,0);}
}

@-webkit-keyframes cloud-animation-1 {
  from {-webkit-transform:translate(0px,0);}
  to{-webkit-transform:translate(1000px,0);}
}​


@keyframes 2cloud-animation-2 {
  from {transform:translate(10px,0);}
  to{transform:translate(1000px,0);}
}

@-moz-keyframes cloud-animation-2 {
  from {transform:translate(0px,0);}
  to{transform:translate(1000px,0);}
}

@-webkit-keyframes cloud-animation-2 {
  from { -webkit-transform:translate(0px,0);}
  to{ -webkit-transform:translate(1000px,0);}
}​

解决方案?遗失了什么?

由于

0 个答案:

没有答案