将类添加到伪元素

Question

所以我使用伪元素来使用自定义复选标记SVG，如下所示：

.thing:before {
    content: " ";
    background: $tickMarkURL;
    background-size: 1.5em;
    background-size: contain;
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
}

（注意：这实际上使用SCSS，这就是为什么有$变量。）

我想使用Animate.css将此复选标记设置为动画。但是，Animate.css使用类向元素添加动画。我不认为这个伪元素是可能的（我认为）。还有其他办法吗？

Answer 1

您可以搜索animation文件中的animate.css，只需将其添加到:before scss

中

.thing:before {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}