要使元素产生投影,主要有两个方法,我们使用最多的就是box-shadow,第二个就是filter:drop-shadow()。
用法:
filter:drop-shadow(x偏移,y偏移,模糊大小,色值)。
跟box-shadow有些相似,然而我们经常遇到小图标在鼠标盘旋时,颜色变深的情况,这个可以通过drop-shadow实现。
将前面三个参数都设置为0,就可以改变小图标的颜色。
对比鼠标移入后的区别:
要使元素产生投影,主要有两个方法,我们使用最多的就是box-shadow,第二个就是filter:drop-shadow()。
用法:
filter:drop-shadow(x偏移,y偏移,模糊大小,色值)。
跟box-shadow有些相似,然而我们经常遇到小图标在鼠标盘旋时,颜色变深的情况,这个可以通过drop-shadow实现。
将前面三个参数都设置为0,就可以改变小图标的颜色。
对比鼠标移入后的区别: