在HTML中调用css动画

嗨，我只是想知道如何在HTML标记中调用css动画，比如按钮或类似的东西

CSS:

HTML:

<div id="first-child"></div>
<button onclick="call animation"></button>

我已经试着给我的第一个打电话了，但没用，提前谢谢，和平

$（“按钮”）。单击（函数（）{
var ANIMATE=$（'first child'）.addClass（'animation'）；
setTimeout（函数（）{
ANIMATE.removeClass（“动画”）；
}, 1500);
});
正文{
背景：#aaa；
}
#第一个孩子{
宽度：200px；
高度：200px；
背景：白色；
边界半径：0%；
边缘顶部：150px；
边缘底部：50px；
左边距：550px；
右边距：0px；
}
@-webkit为myfirst设置关键帧{
0%{背景：白色；}
20%{背景：白色；}
40%{背景：白色；}
60%{背景：白色；}
80%{背景：白色；}
100%{背景：红色；}
}
@关键帧myfirst{
0%{背景：白色；}
20%{背景：白色；}
40%{背景：白色；}
60%{背景：白色；}
80%{背景：白色；}
100%{背景：红色；}
}
.动画{
-webkit动画：我的第一个1s；
-moz动画：我的第一个1s；
动画：我的第一个1；
}

添加动画
使用javascript添加使用动画的特定类。您需要使用jquery向div添加一个类。该类将保存动画。有人可以发布代码吗？：pIs每次单击按钮时是否可以使其闪烁？为了模拟“闪烁”，您必须在50%的时间内完成动画，然后对剩余的50%应用反向动画，以使最终状态等于开始状态。通过这种方式，使其循环，它模拟了一个无限循环。谢谢，但我想知道的是，如何在按钮标记中调用动画onclick，你可以通过名称或其他方式知道
<div id="first-child"></div>
<button onclick="call animation"></button>