如何在样式化组件css``中使用动画？

我阅读文档，并使用关键帧``来声明css动画。 但我收到了如下错误消息：

请将字符串包装在css``帮助器中，以确保正确注入样式

所以，我用css“而不是关键帧”包装动画，但动画不起作用

const-rippleAnimation=css`
0% {
转换：转换（-50%，-50%）比例（1）；
}
100% {
转换：转换（-50%，-50%）比例（var（-material scale））；
不透明度：0；
}
`;

这不管用

我不知道我写得很好

普通代码（关于关键帧的错误）：

const rippleAnimation=关键帧`
0% {
转换：转换（-50%，-50%）比例（1）；
}
100% {
转换：转换（-50%，-50%）比例（var（-material scale））；
不透明度：0；
}
`;

你可以这样做。在CSS中创建关键帧。并使用js添加关键帧。也可以在单击js后添加此关键帧

const hello=document.querySelector（“.hello”）
hello.style.animation=“5s colorChange linear infinite”

。你好{
颜色：#000000；
}
@关键帧颜色更改{
0% {
颜色：黑色；
}
50% {
颜色：红色；
}
100% {
颜色：黑色；
}
}

Hello World