动画-x无效属性值

Question

我试图创建一个动画，但是当我使用以下css时：

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

我在chrome工具中得到一个错误，该工具在一个橙色三角形旁边声明所有这些都是“无效属性值”的感叹号。

正确的价值观是什么？我正在尝试使用这些值。

Answer 1

一旦您使用Chrome，就会对这些值使用-webkit-前缀：

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

最后一个属性也有一个错误。