javascript - 使用“opacityDecayVelocity”属性配置纸纹

Question

纸张波纹动画设置的默认时间 0.8s 使过渡看起来更慢。尝试通过以下方式更改值：

<paper-ripple opacityDecayVelocity ="1.0"></paper-ripple> 

添加$为其属性

<paper-ripple opacityDecayVelocity$ ="1.0"></paper-ripple>  

似乎没有一个工作。请提出一种配置属性值的方法。

标签： javascriptpolymer-2.xpaper-elements

Answer 1

属性名称应该是opacity-decay-velocity

<paper-ripple opacity-decay-velocity="1.0" ></paper-ripple>

见聚合物性质

通过将每个破折号后面的字符大写，然后删除破折号，将带有破折号的属性名称转换为 camelCase 属性名称。例如，属性 first-name 映射到 firstName。将属性名称转换为属性名称时，相同的映射会反过来发生