CSS-анимация на

Я пытаюсь применить CSS-анимацию к элементу и просто не могу заставить его работать. Я не могу найти ни одного ресурса, который говорит, можно ли применить анимацию к элементам . Итак, это я делаю ошибку, или я не защищен от анимации промежутков?

Изменить: Код

Inf<span class="inf_o">o</span>rmation
    <br>
do<span class="don_n">n</span>e
    <br>
we<span class="dbl_l">ll</span>

и css:

/* animations */
.inf_o 
{
  -webkit-animation-name: lower_head;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function:ease-in;
  -webkit-animation-delay: 1s;
  -webkit-animation-play-state: active;  
}

@-webkit-keyframes lower_head
{
  from {margin-top:0px;}
  to {margin-top:10px;}
}