我们真的可以在过渡属性 CSS 中填充任何我们想要的东西吗？

Question

我刚刚意识到我们可以在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 中传递什么样的值？关键帧？还有什么？

[编辑]：我添加了 MDN 给出的多个值的示例，其中一些 transition-property 没有填充有效的 CSS 属性。

Answer 1

如果我们继续阅读，您会看到如下不同的值：

无

没有属性会转换。

全部

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

<custom-ident>

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

所以是的，你可以在这里放你想要的东西，<custom-indent> 背后的想法是避免指定所有可用属性的详尽列表。因此，如果将来添加了新属性，它将保持有效，我们不必更改它。

如果您输入 random_58468 之类的内容，它将是一个有效值，您不会收到警告，但当然不会发生任何事情，因为没有名为 random_58468 的属性。