我们真的可以在过渡属性CSS中填充所需的任何内容吗?

时间:2018-06-26 09:57:05

标签: css css-transitions transition

我刚刚意识到我们可以在transition-property CSS参数后面放置任何想要的值,因为我只是这样做了(不是故意的)。然后我去了see the MDN docs,他们可以填写任何自定义值:

/* <custom-ident> values */
transition-property: test_05;
transition-property: -specific;
transition-property: sliding-vertically;

/* Multiple values */
transition-property: test1, animation4;
transition-property: all, height, all;
transition-property: all, -moz-specific, sliding;

所以我想知道:由于test1animation4都不是有效的CSS属性,如果不是属性,可以在transition-property中传递什么样的值?关键帧?还有什么?

[EDIT]:我添加了MDN给出的多个值示例,其中某些transition-property未填充有效的CSS属性。

1 个答案:

答案 0 :(得分:2)

如果我们继续阅读,您会看到以下不同的值:

  

     

没有属性会转换。

     

全部

     

所有可以转换的属性都会。

     

<custom-ident>

     

标识属性的字符串,当其值更改时应向其应用过渡效果。

是的,您可以在此处放入所需内容,而<custom-indent>背后的想法是避免指定所有可用属性的详尽列表。因此,如果将来添加新属性,它将保持有效,我们不必更改它。

如果您输入类似random_58468的值,则它将是有效值,并且不会收到警告,但是由于没有名为random_58468的属性,因此当然不会发生任何事情。