css - animation-x 无效的属性值

Question

我正在尝试创建动画，但是当我使用以下 css 时:

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

我在 chrome 开发人员工具中收到一个错误，在带有感叹号的橙色三 Angular 形旁边指出所有这些都是“无效的属性值”。

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

Answer 1

一旦进入 Chrome，您就会为这些值使用 -webkit- 前缀:

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

最后一个属性也有错字。