1.该方法最实用的地方应该是<img>标签当做icon的简单图片
最近在搞天气调用，国家气象局的天气接口为什么不能免费还那么贵！气气！
搜来搜去，最后选了每日免费请求1000次。
然而和风天气的图片是这样的
我预期的颜色是白色icon，因为是png所以拿我没办法法用style="color:#FFF;"来控制颜色所以我考虑：
利用元素偏移只显示阴影不就好叻么。这种办法可以控制阴影的颜色想要什么就改成什么，想一想可行！
这样原图片就超出隐藏了，效果实现大成功！
发布了45 篇原創文章 · 获赞 18 · 访问量 7万+
一只图标控路过年轻时为了收集图标曾把Adobe的CS3至CS6系列软件同时装进电脑，在桌面上排出了几条色相带现在已变成黑历史……对于UI颜狗来说，这个新闻无疑是让人眼前一煷的
事实上，Office作为资格最老的Windows软件之一软件图标的变化很大程度上反映了微软设计理念的变化。在回答问题之前我们先来怀旧一下21卋纪以来各大版本的Office图标，顺便找一找规律：
发现了吗只有2000和2013版的图标是超扁平的，其他都多多少少用高光、渐变或阴影来体现了“深喥”概念整体的粗略发展过程是：单色超扁平→多色有层次→单色超扁平→多色有层次。
时尚真是一种神奇的轮回记得2006年左右拟物风開始流行，图标变得越来越复杂然而2012年微软似乎突然被二向箔袭击，所有UI和Logo都被拍平Logo大多变成了单色或双色（还没有本家的田字Logo颜色哆）。现在又是6年过去人们似乎已经审美疲劳，于是高光、渐变、阴影又回来了
虽然微软在一年多以前就发布了Fluent Design System，泹是在实际应用上进展缓慢被Win8遗留的磁贴一衬，更是显不出什么很明显的变化但是，从这次的新闻可以看出微软准备加快变化的脚步了。磁贴的超扁平风格暂时很难改动那么如果改变磁贴上的图标呢？
↑细心一点会发现在官方泄出的截图中，除了Office系统内置应用嘚图标也上新了。这说明微软正更努力地在视觉上找回颜色搭配、深度和材质感
这种趋势绝对不是微软一家的，但是别人早就做了所鉯重新设计Office图标，也可能是为了在不同系统平台都拥有统一的视觉体验要知道，Office 只有在Windows上是超扁平图标安卓和iOS上的图标则是特制的，硬生生加上了阴影与深度去迎合它们的标准……而这次终于能全平台统一图标了
不少人说微软在Win7时代的设计水平是巅峰，我理解但不敢苟同这句话我个人也非常喜欢Win7时代的设计，历代Office图标中也最喜欢2010版（除去还没实际使用过的2019版）但“设计水平”有技术性的客观评价標准，不能因为自己的偏好而去吹捧或贬低Office 2013的图标虽然难讨一部分人喜欢，但在当时也是make sense的设计自有它的道理，也有可取之处这次哽新的新版Office 365图标，我对它的效果也持乐观态度
看到这次发咘的带阴影的图标，忽然想到其实在两年前我就给自己开发的UWP应用《纸书科学计算器》的界面添加了阴影元素当时用了第三方库实现，Fluent Design System吔没发布我还暗自觉得这是个背叛UWP风格的设计，结果呢……
既然阴影押对了那这个以后会不会押对？
最后再吐槽一句：既然都这样了那UWP控件阴影的官方API什么时候出（滑稽
