怎么才能用css让某个元素只在一个方向有阴影
3个回答
展开全部
可以通过设置偏移度来尽量让看上去 只有一个方向有阴影；
box-shadow: 0px 15px 0px #000;
像这段代码，就只有下面这个方向有阴影；
第一个参数调整左右的阴影偏移
第二个参数调整上下的阴影偏移
第三个参数调整羽化半径
第三个是颜色
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
logo在线生成器
2024-10-28 广告
在上海数都信息科技有限公司，我们致力于将创意与技术完美融合，将文字的力量转化为直观生动的图标设计。想象一下，一段精炼的文案——“数据洞察未来，科技引领创新”，在我们的设计师笔下，这不仅仅是一行字，而是化作了一个充满现代感的图标：中心是旋转的...
点击进入详情页
本回答由logo在线生成器提供
展开全部
你是不想让另外3个边有阴影效果吧，我能想到的省事解决方案是在外层套一个div，需要阴影的边延伸出来，外层div样式overflow: hidden;
虽然方法有些笨，不过解决问题了
------
我突然想到用裁切的方式，也就是clip:rect矩形剪裁功能
下面的demo是只显示向下方向的阴影：
<div style="width:300px;height:200px;box-shadow:0px 6px 10px #333;position: absolute; clip: rect(0 300px 216px 0);background: #EEE;"></div>
不过这种方式需要设置position: absolute;取舍就看你的了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以通过设置偏移度来尽量让看上去 只有一个方向有阴影；
box-shadow: 0px 15px 0px #000;
像这段代码，就只有下面这个方向有阴影；
第一个参数调整左右的阴影偏移
第二个参数调整上下的阴影偏移
第三个参数调整羽化半径
第四个是颜色
box-shadow: 0px 15px 0px #000;
像这段代码，就只有下面这个方向有阴影；
第一个参数调整左右的阴影偏移
第二个参数调整上下的阴影偏移
第三个参数调整羽化半径
第四个是颜色
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
