问题标签 [drop-shadow]

我正在努力获得阴影。

我能得到的最接近的是梯度半径。

代码如下：

它适用于 Lollipop，但在 API 级别 19 上根本不起作用。图像根本不显示在那里。

有没有其他方法可以做到这一点？

谢谢大家。

这些天我一直在深入研究 CSSfilter属性。我写了一些代码只是为了进行一些测试。drop-shadow以下是与过滤器相关的一段简单代码：

HTML

CSS

正如您从附加的图像过滤器中看到的那样：drop-shadow()，它在 Firefox（图像右侧）中运行良好，但在 Chrome 中（在图像左侧）中运行良好。目前我对 IE 不感兴趣。

在你看来可能是什么问题？

我有一个透明的 .png 交叉线图像。如果应用了drop-shadowCSS filter，则只有线条会产生阴影，而不是边界矩形（它与 不同box-shadow）。

当我同时应用drop-shadowfilter 和transform: rotate时，Chrome 和 FF 先绘制阴影，然后旋转生成的图像（与阴影合并）。我希望旋转的图像改为投影。（好像有一个静态光源，当图像旋转时）。

纯CSS有可能吗？

我看到的唯一解决方案是每次图像旋转时对阴影参数进行 JS 三角计算。

问候，

drop-shadowcss 过滤器不适用于 safari 9.1，请提出任何可能的方法来解决此问题。

我一直在为渲染元素使用一个类，但由于过滤器，元素背景不可见。

我想-webkit-filter: drop-shadow(5px 5px 5px #222);在没有 jQuery 的情况下在 JavaScript 中添加样式。

我想用 CSS 变换为 png 透明图像持续时间创建一个阴影。

此代码无法正常工作：

我有一张美国地图，其中包含某些地区的分组。在每个区域悬停时，我应用了阴影。在 Firefox 中运行良好！但在 Safari 中，svg 对象组在悬停时消失，而在 chrome 中，什么也没有发生。由于这是一个悬停效果，我不能将那些在其他地方引用的定义放入其中。有没有合理的解决方案？

这是我正在尝试使用的 CSS：

我将它应用于内联 SVG 图像中的一组形状。

上面引用的 defs 可以在此处的示例中看到。

我有一个简单的引导网站，内容被阴影包围。我试图将左右阴影放置在更靠近窗口边框的位置，以使内容看起来不那么拥挤。我不想增加阴影半径，我只想让阴影边更靠近左右边界。

下面是它的样子：边框太接近内容。

这是我的 HTML：

这是我的CSS：

当我尝试添加填充或更改 .dropshadow 的左右边距时，我弄乱了内容的位置。我希望内容保持原样。我宁愿将其保留为 display: table，除非您认为有更好的东西。

这是小提琴： https ://jsfiddle.net/u1ph99pv/2/

确保将窗口宽度增加到足够大以显示框阴影，这在我的网站上不是问题，因为我不会在移动视图上显示它。

设置背景会导致阴影滤镜忽略自由形式，并将其仅应用于图像的矩形轮廓。

见https://jsbin.com/zoseru/2/edit?css,output

我尝试根据https://codepen.io/dudleystorey/pen/EaMQBj上的 CodePen 示例在 SVG 图像周围添加红色阴影。但是，当背景颜色为蓝色时，颜色变为紫色。无论背景颜色或图像是什么，如何保持颜色为红色？任何帮助表示赞赏。

box-shadows 的问题在于它不支持 PNG 透明度，这与投影不同。所以我想在盒子阴影上使用阴影，有没有其他方法可以让我在 IE10+ 中看到阴影的效果。

上面的代码片段不适用于 IE10+。