Вращающийся объект (текст, картинка)

@keyframes "myanimation" {
    0%   {transform:rotateY(0deg);}
    100% {transform:rotateY(180deg);}
}

div {
    animation: myanimation 1s infinite alternate linear;
}

Пример кода: jsfiddle.net/m7wf8f1s/

Значение «alternate» означает, что анимация будет поочерёдно воспроизводиться обычно и в обратном порядке.