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

动画效果

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

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

完整代码




    
    CSS Text animation Right Down Flip top Left
    


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

参考资料

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

你可能感兴趣的:(从右下翻转到左上再回位的文字动画)