CSS3の@keyframesについて

Sassを使ってて、
キーフレームアニメーション書いてたら全然動かなくって
おかしいなー(´・ω・｀)
ってなってたんですが、
@keyframesを入れ子にすると動かないみたいです。(´・ω・｀)

動かない例

.hoge{

  p { animation: anime .5s linear 0 1 normal; }

  @keyframes anime 
  {
    from { background-color: red; }
    to { background-color: blue; }
  }

}

動く例

.hoge{
  p { animation: anime .5s linear 0 1 normal;  }
}
@keyframes anime 
{
  from { background-color: red; }
  to { background-color: blue; }
}

これはハマる。(´;∀;｀)