我刚刚意识到我们可以在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;
所以我想知道:由于test1
和animation4
都不是有效的CSS属性,如果不是属性,可以在transition-property
中传递什么样的值?关键帧?还有什么?
[EDIT]:我添加了MDN给出的多个值示例,其中某些transition-property
未填充有效的CSS属性。
答案 0 :(得分:2)
如果我们继续阅读,您会看到以下不同的值:
无
没有属性会转换。
全部
所有可以转换的属性都会。
<custom-ident>
标识属性的字符串,当其值更改时应向其应用过渡效果。
是的,您可以在此处放入所需内容,而<custom-indent>
背后的想法是避免指定所有可用属性的详尽列表。因此,如果将来添加新属性,它将保持有效,我们不必更改它。
如果您输入类似random_58468
的值,则它将是有效值,并且不会收到警告,但是由于没有名为random_58468
的属性,因此当然不会发生任何事情。