html - filter:drop-shadow () 在 Chrome 中不起作用

Question

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

HTML

<div class="rounded"></div><div class="bubble"></div>

CSS

div.rounded{
    width: 300px;
    height: 100px;
    background:red;
    display: inline-block;
}

div.bubble{
    border: 20px solid transparent;
    border-left: 20px solid red;
    display: inline-block;
    position: relative;
    top:-40px;
    -webkit-filter: drop-shadow(50px 50px 50px 10px blue);
    filter: drop-shadow(50px 50px 10px blue);
}

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

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