一个可随意改变颜色的gif加载动画

偶然发现一个很有意思的加载动画，效果如下：

乍一看以为是个绿色的gif图，其实是个白底的gif，而在动的两个小正方形是透明的，背景色绿色，才会看起来是绿色小gif。

挺奇妙的。

代码：

<div style="display: inline-block; background-color: #99cc00;"><img src="https://www.icode9.com/i/l/?n=20&i=blog/965593/202110/965593-20211009134116635-848203754.gif" alt="图片" style="display: block; box-sizing: border-box; width: 22px; height: 16px;" /></div>

同理，改变父容器的背景色，还可以制造渐变背景色的gif：

<div style="display: inline-block; background-image: linear-gradient(to right, #346ea9 0%, rgba(52, 110, 169, 0.2) 100%);"><img src="https://www.icode9.com/i/l/?n=20&i=blog/965593/202110/965593-20211009134116635-848203754.gif" alt="图片" style="display: block; box-sizing: border-box; width: 22px; height: 16px; visibility: visible !important;" /></div>

来源是微信的一篇博文：https://mp.weixin.qq.com/s/6D2-hJ3LNytprbdrfUZy7Q

侵删

标签：动画,6D2,绿色,背景色,gif,加载
来源： https://www.cnblogs.com/mankii/p/15385409.html