我正在开发一个 jQuery 插件,允许您将可自定义的预加载器应用到您的网页。作为第一个版本,我对这种“ future 派圆圈”效果有了一个想法。唯一的问题是,box-shadow
属性不支持 spread 值的百分比。我的插件 css 代码位于 https://github.com/tupperkion/preloader-plugin/blob/master/preloader.css。 .在第 27 行,您可以看到我尝试将 box-shadow
的传播设置为 50%
。但是 Firefox 只是说 Error in parsing value for 'box-shadow'。声明已删除。
。我想知道我是否可以使用某种替代方法来支持它而不将其设置为类似 9999999999px
的东西,因为那样会搞砸我计划在最后实现的动画。代码如下:
.futuristic-circle-icon-inset-stage2 {
box-shadow: 0px 0px 10px 50% white inset
}
最佳答案
你见过MDN吗? ?
是的,所有维度都必须是 <length>
而不是 <percentage>
.
然而,您的属性格式不正确:inset
必须是其中的第一个标记。
您可以为尺寸分配相对单位,请参阅 length .
关于javascript - 使全框阴影支持百分比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23984995/