做动画最要的是思路,做多了,动画其实非常简单,我们今天来实现一个小菊花加载动画:
做动画的关键一步是「拆分」,这张图中包含了 12 根「小柱子」,每根小柱子的透明度不一样,让这 12 根「小柱子」旋转起来,就构成了整个动画:
做这个动画可以按照下面几步来实现:
第一步:画出 12 根小柱子,并设置不同的透明度。通过观察发现,我们可以画 12 个正方形,每个正方形中画 1 条竖线,通过旋转的方式来改变小柱子的位置:
代码可以这样写ÿ
做动画最要的是思路,做多了,动画其实非常简单,我们今天来实现一个小菊花加载动画:
做动画的关键一步是「拆分」,这张图中包含了 12 根「小柱子」,每根小柱子的透明度不一样,让这 12 根「小柱子」旋转起来,就构成了整个动画:
做这个动画可以按照下面几步来实现:
第一步:画出 12 根小柱子,并设置不同的透明度。通过观察发现,我们可以画 12 个正方形,每个正方形中画 1 条竖线,通过旋转的方式来改变小柱子的位置:
代码可以这样写ÿ