效果演示
说明
闪动的气泡在产品中是很常见的功能,用以动态的提示,在一些常见的大屏可视化中,均会以闪动的气泡作为一些提示符,进行动态的提示。
原理
从小到大,再从大到小的不断动态循环。
制作过程
组件
第一个添加了径向渐变填充,边缘颜色不透明度为0.
第二个上面是一个圆形,下面是一个圆环。
第三个元件库自带的“警告”图表。
设置交互
它们都是运用同一个交互
【载入时】设置大小使其变大。
【大小改变时】设置大小使其变小,触发【载入时】事件实现循环。
注意过度时间和中心点。