CSS3 word rotate & translate animation
<p>Here is my @keyframes. I want to make a word animation,for example "Hello" word will surround 360 degree with an earth. but, it will  move smoothly -360 degree around the earth. the word will not be upside down.   My @keyframes is wrong but i don't know how to fix it. </p>

<pre><code>  @keyframes move {
        from {
            transform: translate(-100px);
            rotateY(0deg)
            transform-origin: 100px;
        }
        to {
            transform: translate(-200px);
        rotateY(-360deg)
            transform-origin: 150px;
        }
    }
</code></pre>