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

要使元素产生投影,主要有两个方法,我们使用最多的就是box-shadow,第二个就是filter:drop-shadow()。

用法:

filter:drop-shadow(x偏移,y偏移,模糊大小,色值)。


跟box-shadow有些相似,然而我们经常遇到小图标在鼠标盘旋时,颜色变深的情况,这个可以通过drop-shadow实现。

将前面三个参数都设置为0,就可以改变小图标的颜色。

对比鼠标移入后的区别:

         


猜你喜欢

转载自blog.csdn.net/ahrl__/article/details/78305812