Добавление классов псевдо-элементов

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 и просто добавить его в :beforescss

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