waapi的有效css属性是什么



此处列出的可动画化CSS的常规属性有区别吗?

某些CSS属性可以使用CSS动画或CSS转换进行动画化。动画意味着它们的值可以在给定的时间内逐渐改变。

waapi是Css Animation的子集吗?

这些房产在dom中列出了吗?或者我必须复制这些来检查字符串是否是这样的属性?

简单地回答您的问题,可设置动画的CSS属性集没有区别。从技术上讲,CSS动画是Web动画的一个子集。

DOM中没有可设置动画的属性列表。若要确定特性是否可设置动画,可以创建动画,或在现有动画上设置关键帧(使用setKeyframes()(,然后使用getKeyframes()读回关键帧以查看它是否出现在那里。

这就是总结,但根据你想要做的事情,这里还有一些有趣的地方:

  • 可以通过CSS转换设置动画的属性集是可以通过CSS动画和Web动画设置动画的一个子集。这些被称为可转换属性。

  • 从技术上讲,可以通过Web动画设置动画的属性集是CSS动画设置动画属性的子集,但在实践中它们是相同的(尽管请参阅下一点(。例如,在未来,Web动画可能能够为display属性设置动画,但CSS动画永远无法做到这一点。

  • 从技术上讲,网络动画允许为前缀属性设置动画,但Safari和Chrome不支持这一点,Firefox和规范可能会更改为匹配。(有关更多详细信息,请参阅本规范问题。(

  • 注册的自定义属性也可以通过Web动画设置动画,尽管这并不是在所有地方都实现的。

  • 在Web动画关键帧中使用时,有几个属性具有特殊名称以避免冲突,特别是cssFloat(表示"float"(和cssOffset(表示"offset"(。

因此,要生成一个全面的可设置动画的属性列表,您可能需要查看诸如getComputedStyle(),添加任何已注册的自定义属性,可能删除任何带前缀的属性,将offset转换为cssOffset,然后通过setKeyframes()/getKeyframes()运行它们,以查看浏览器支持哪些属性设置动画。

最新更新