纯css和flutter分别实现呼吸灯效果

上一次有一位非常好学的粉丝儿问可不可以把月亮做一个呼吸灯效果,因为没有找到月亮大小的图,就用星星代替
今天,本博主用纯css和flutter动画分别实现它,记得收藏学习哦
效果:
纯css和flutter分别实现呼吸灯效果_第1张图片
想要测试的,原图在文章末尾

实现原理:
准备两张图,让两张图交替出现。

第一种,纯css实现,代码如下:




    
    
    


底图 上图

第二种,用flutter实现,代码如下:

还在想

纯css和flutter分别实现呼吸灯效果_第2张图片
纯css和flutter分别实现呼吸灯效果_第3张图片

你可能感兴趣的