前端有个效果不会做,不知道在哪找图片效果

差不多是这样的,
鼠标放在上边的图标,效果变成黑色

但是,部门老大说,能不能做的更好点
比如,雨量,可以根据当天的雨量,做不同的效果,风速什么的也是,最好还是动态的效果
但是,我不知道该怎么找图片资源,也不知道怎么根据雨量来做不同的效果,我有想过,在js文件中这个逻辑判断,比如,多少毫升的时候,几滴雨水这样的,只是觉得有点麻烦,我在想,有没有别的方法

要想每个都不同，还要根据具体数值显示具体效果，只能用js一个一个去设计了，没有什么好方法