使完整的盒影支持百分比

Question

我正在制作一个jQuery插件，允许您将可定制的预加载器应用到您的网页。作为第一个版本，我有一个"未来圈"效果的想法。唯一的问题是，box-shadow属性不支持百分比作为传播值。我的css代码插件可在https://github.com/tupperkion/preloader-plugin/blob/master/preloader.css。在第27行，您可以看到我尝试将box-shadow的扩展设置为50%。但是Firefox只显示Error in parsing value for 'box-shadow'. Declaration dropped.。我想知道我是否可以使用某种替代方法来支持这一点，而无需将其设置为9999999999px之类的东西，因为这会搞砸我计划在最后实现的动画。代码如下:

.futuristic-circle-icon-inset-stage2 {
    box-shadow: 0px 0px 10px 50% white inset
}

Answer 1

你看过MDN吗?

True，所有维度必须是<length>而不是<percentage>。

然而，你有一个错误的属性:inset必须是其中的第一个令牌。

您可以为尺寸指定相对单位，参见长度。