animation-x无效的属性值

Question

我正在尝试制作动画但是当我使用以下css时：

.drop.animation {
  animation-name: ripple;
  animation-duration: 0.65s;
  animation-timing-function: linear;
}

我在chrome开发人员工具中遇到一个错误，该工具在带有感叹号的橙色三角形旁边说明所有这些都是＆＃34;无效的属性值＆＃34;。

什么是正确的值？我正在尝试使用these值。

Answer 1

只要您使用 Chrome ，就会使用-webkit-前缀来表示这些值：

.drop.animation {
    -webkit-animation-name: ripple;
    -webkit-animation-duration: 0.65s;
    -webkit-animation-timing-function: linear;
}

最后一处房产也有拼写错误。