回答情况：
提问时间：
问题标签：
好的，我可以给透明的pngs添加阴影：{-moz-filter: drop-shadow (0 1px 2px rgba(0,0,0,.5));-o-filter: drop-shadow (0 1px 2px rgba(0,0,0,.5));
filter:
浏览 5修改于2014-03-27得票数 0
.shadow { -webkit-filter:drop-shadow(0 3px1px rgba(51,51,51,1));}
浏览 0提问于2013-05-29得票数 0
回答已采纳
但是当我尝试在css中应用filter: url(#drop-shadow)时，highcharts-graph消失了吗？ 有人知道如何在css中将阴影应用于图形吗？.highcharts-graph { filter: url(#drop-shadow);
} https://jsfiddle.net/Milenoi
浏览 17提问于2021-08-03得票数 0
假设客户端兼容，是否存在CSS box-shadow比filter: drop-shadow更可取的情况。
从上看，drop-shadow似乎是box-shadow的硬件加速超集。这意味着我们基本上应该始终使用drop-shadow而不是box-shadow
浏览 2修改于2013-01-06得票数 3
回答已采纳
我想让filter: drop-shadow()经历其他元素。这听起来可能令人困惑，让我用图片来解释一下。</div> <img src="___.svg"/>img {
-webkit-filter: drop-shadow(0px 0px 150px rgba(255, 255, 209,
浏览 0修改于2020-03-17得票数 1
但是，我不能让"drop-shadow“属性与我的for循环一起工作。= -i + 'px ' + i + 'px ' + gcolor[i]; current.style.setProperty(`-webkit-filter`,
浏览 35修改于2021-09-17得票数 2
.card { margin: auto; filter: drop-shadow(0px 1px 2px rgba: #F8F8F8;}
使用box-shadow不会产生完全相同的外观(也可能是我不知道怎么做)，所以我使用了filter: drop-shadow
浏览 0修改于2012-10-14得票数 0
回答已采纳
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, filter: url(#drop-shadow); filter: drop-shadow(0 0 15px rgba(255,0,0,0.9robby-the-robot.png" alt&
浏览 0修改于2017-03-26得票数 1
我有一个投影效果，我正在应用下面的css：有人知道其他浏览器的等价物是什么吗
浏览 0提问于2014-01-15得票数 3
回答已采纳
.logo_animate:hover{ drop-shadow(drop-shadow(-.02px 0px .02px #5C0704) drop-
s
浏览 0修改于2018-07-16得票数 0
2回答
我正在试着写一个mixin，它应该以CSS box-shadow作为参数，并将其转换为filter: drop-shadow()。// mixin $array = split(',', $shadows) push($dropShadows, 'drop-shadow(' + $shadow + ')')
fi
浏览 2修改于2016-05-09得票数 0
例如： generateRandomStyle(colours: string[]): string { 'filter:drop-shadow(1px -1.5px 0px #) drop-shadow(-1px 1.5px 0px #);', ]; style = style.
浏览 15修改于2020-07-15得票数 0
回答已采纳
(2px 2px 1px rgba(0, 0, 0, .4)) drop-shadow(0 -1px 2px green) transform translate(20px)scale(.5) rotate(0deg)
filter drop-shadow(1rem 1rem 1px rgba
浏览 11修改于2019-09-07得票数 0
回答已采纳
我已经在我的网站上的图片上添加了一个drop-shadow过滤器。它在Firefox和Chrome中运行正常，但在Safari中却不起作用。ui-tabs .ui-tabs-nav li {} filter: drop-shadow(5px 5px 5px #000); -moz-filter: <em
浏览 3修改于2016-08-04得票数 1
回答已采纳
父div具有CSS筛选器drop-shadow。-webkit-filter: drop-shadow(5px 5px 5px green);所以，所有的孩子都会产生父母的影子greenBorder { height: 50px; background: black;
-webkit-filter: drop-shadow(5px 5px 5px gr
浏览 2修改于2016-09-02得票数 3
回答已采纳
img { -webkit-filter: drop-shadow(0px 10px 10px #2f4f4f); -o-filter: drop-shadow(0px 10px 10px #2f4f4f); filter: drop-shadow(0px
浏览 5提问于2016-05-16得票数 0
回答已采纳
示例代码：(来源于)img { drop-shadow(-1px-1px 0 black); drop-shadow(-1px -1px 0 black);
body
浏览 7提问于2021-01-01得票数 2
回答已采纳
<img id="image" src="http://i.hizliresim.com/kvAl3v.png" ></img>
-webkit-filter: drop-shadow(1px 1px 0 black) filter: drop-shadow(1px 1px 0 black)
<e
浏览 0修改于2016-05-26得票数 0
2回答
moz-linear-gradient(#0B282F, white);过滤器在IE.中不工作-webkit-filter: drop-shadow(5px 5px 100px #fff);-o-filter: drop-shadow(5px 5px 100px #f
浏览 1修改于2016-05-19得票数 1
回答已采纳
250,100)"></rect>CSS： fill: orange; -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,
浏览 3修改于2013-12-07得票数 1
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号