css动画效果(旋转+动画)

小编先来简单介绍一下这篇文章主要实现的效果,客位看官,看好喽~
本文采用css动画和rotate实现一款平面上的2D翅膀原地飞的小玩意儿,,有兴趣的可以继续往下看看。

飞翔的翅膀(平面的哦~)

接下来轮到代码段了


"en">

    "UTF-8">
    飞翔的翅膀
    


    
"content">
"girl-fly1">"img/index/fly1.png" alt="fly">
"girl-fly2">"img/index/fly2.png" alt="fly">

这个里面是有一个小小的坑

1.在动画制作过程中,为保证动画的连贯性,尽可能为动画设定少一点的帧数,防止卡顿。
2.在制作效果的时候,注意初始的状态,要一致,否则可能出现一些比较有趣的效果,有兴趣的话可以试试哦~~~~
3.动画效果要直接设在需要动的盒子里。

你可能感兴趣的:(前端,html+css)