在JavaScript中触发CSS动画

触发CSS动画的最简单方法是 添加或删除类 -如何使用纯Javascript执行此操作，您可以在此处阅读：

如果您确实使用jQuery（在基本用法上应该很容易学习），则只需使用

addClass

removeClass

然后，您要做的就是设置到给定元素的过渡，如下所示：

.el {    width:10px;    transition: all 2s;}

然后，如果元素具有类，则更改其状态：

.el.addedclass {    width:20px;}

注意：此示例带有过渡。但是对于动画来说是相同的：只需将动画添加到具有类的元素上。