Как сделать так, чтоб после анимации она осталась, а не возвращалась в исход css or js?

Question

[Tanya]

У меня есть такой ПЕН:
https://codepen.io/tanya-nami/pen/xxrJLgY
Анимация все как мне надо я докоректировала, НО мне надо, чтоб заливка фона осталась после того как дойдет до конца и не убиралась. Подскажите пожалуйста как это сделать? Буду очень благодарна потому, что никак не могу найти толкового примера и выхода! Спасибо!

Answer 1

[Сергей Соколов]

Если правильно понял, и надо, чтобы после единственного клика, круг залился цветом и остался,
то можно вместо псевдокласса :active добавлять обычный класс.

Comments

[Tanya]

В целом надо, чтоб оно заливалось цветом когда зажимаешь кнопку мышки, но в целом это мне тоже помогло, спасибо большое!!!

Answer 2

[tyoma_koder]

animation-fill-mode:forwards