CSS交叉淡入淡出()是否可以进行无限递归?

时间:2017-07-31 16:36:43

标签: css image cross-fade

我在W3C文档中注意到cross-fade()定义如下:

cross-fade() = cross-fade( <cf-mixing-image> , <cf-final-image>? )

其中

<cf-mixing-image> = <percentage>? && <image>
<cf-final-image> = <image> | <color>

现在,在同一文档中,点击<image>的链接,其定义为:

<image> = <url> | <cross-fade()> | <gradient>

换句话说,cross-fade()(通过<image>)可以无限次地递归定义;这是n = 3(3个嵌套的cross-fade()实例)案例:

background: cross-fade(50% cross-fade(40% cross-fade(60% cross-fade(10% url('http://www.randomimage.com/image.png'), white), blue), red), green);

可以无限次地递归定义此函数,如果是这样,越来越多的嵌套交叉渐变()语句会如何影响性能?

0 个答案:

没有答案