从右下翻转到左上再回位的文字动画

动画效果

这个动画效果可以拆分三步：

1. 字是先去到右下，再去到左上，再回位置上的，可以使用transform的translate
2. 字有旋转，可以用transform的relate
3. 字从模糊到渐渐清晰，可以使用opacity

完整代码

    
    
    



    H
    e
    l
    l
    o
     
    W
    o
    r
    l
    d
    !
    Repeat Animation

参考资料

http://www.templatesy.com/Article/562.html