共性:
① 都能所在元素设置shadow阴影的效果.
② 语法格式,参数意义,参数顺序都一致.
差异:
box-shadow: 顾名思义＂盒影子", 不管着 盒子里装的什么东西,占据盒子里多少内容, 都是以 盒子的边框来投射阴影.
drop-shadow: 如果 单纯的想要 图标 和 图片 不透明地方的阴影, 而不需要 透明部分的阴影的时候, 就用这个属性来设置.
看图就能一目了然了:
对比图.jpg
共性:
① 都能所在元素设置shadow阴影的效果.
② 语法格式,参数意义,参数顺序都一致.
差异:
box-shadow: 顾名思义＂盒影子", 不管着 盒子里装的什么东西,占据盒子里多少内容, 都是以 盒子的边框来投射阴影.
drop-shadow: 如果 单纯的想要 图标 和 图片 不透明地方的阴影, 而不需要 透明部分的阴影的时候, 就用这个属性来设置.
看图就能一目了然了:
对比图.jpg
本文标题：CSS3: box-shadow & drop-shadow 的
本文链接：https://www.haomeiwen.com/subject/mrvjactx.html
网友评论