改变小图标的颜色,hover时颜色变深

要使元素产生投影,主要有两个方法,我们使用最多的就是box-,第二个就是:drop-() 。
用法:
:drop-(x偏移,y偏移,模糊大小,色值) 。

改变小图标的颜色,hover时颜色变深

文章插图
跟box-有些相似,然而我们经常遇到小图标在鼠标盘旋时,颜色变深的情况,这个可以通过drop-实现 。
将前面三个参数都设置为0,就可以改变小图标的颜色 。
改变小图标的颜色,hover时颜色变深

文章插图
【改变小图标的颜色,hover时颜色变深】对比鼠标移入后的区别: