rotar+desplazamiento

[diego_angc]

hola a todos, estoy haciendo un tipo de banner animado con css3, pero tengo un problemita, quiero que una palabra se desplace y rote sobre ella misma, tengo este codigo:

Código CSS:

#anima{
     border:1px solid white;
     font-size:32px;
     width:11.6%;
     color:white;
     padding:0px;
    -webkit-transform:rotate(0deg);
     -webkit-animation:combinada 5s;
         }
                  
    @-webkit-keyframes combinada{
    0%{-webkit-transform:rotate(0deg) translate(-150px,0px) ;}
    100%{-webkit-transform:rotate(2880deg) translate(1500px,0px);}
                               }
 

anima es un div

Código HTML:

<div id="anima"><h2>prueba</h2></div>
 

y prueba pues es el texto que al que quiero animar, el texto rota pero no rota sobre si mismo sino que hace una rotacion tipo expansiva,

espero que me puedan colaborar con esto. gracias