一般加阴影使用的是box-shadow
属性,但是它只能给盒子边框添加阴影,不能更具图片形状来添加阴影,这时候需要使用filter:drop-shadow()
过滤镜功能,可以在实现图像的内容上创建阴影。
使用box-shadow
属性效果
使用filter:drop-shadow()
过滤镜效果
参考地址:https://www.shejiku.net/pngtpyyxs.html
filter
还有其他属性值如filter:blur(1px);
实现高斯模糊效果
一般加阴影使用的是box-shadow
属性,但是它只能给盒子边框添加阴影,不能更具图片形状来添加阴影,这时候需要使用filter:drop-shadow()
过滤镜功能,可以在实现图像的内容上创建阴影。
使用box-shadow
属性效果
使用filter:drop-shadow()
过滤镜效果
参考地址:https://www.shejiku.net/pngtpyyxs.html
filter
还有其他属性值如filter:blur(1px);
实现高斯模糊效果