制作完整的盒子阴影支持百分比

时间:2014-06-01 22:05:29

标签: javascript jquery html html5 css3

我正在开发一个jQuery插件,允许您将可自定义的预加载器应用到您的网页。作为第一个版本,我对这个“未来派圈子”效果有了一个想法。唯一的问题是,box-shadow属性不支持扩散值的百分比。我在https://github.com/tupperkion/preloader-plugin/blob/master/preloader.css处获得了该插件的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
}

1 个答案:

答案 0 :(得分:0)

你见过MDN吗?

是的,所有维度必须为<length>而不是<percentage>

然而,您的格式错误:inset必须是其中的第一个标记。

您可以为尺寸指定相对单位,请参阅length