Как настроить элементарную анимацию?

Question

[ince]

Есть пример:
https://www.w3schools.com/css/tryit.asp?filename=t...

В нем событие срабатывает на :hover, т.е. при наведении на объект
Как сделать обработку по клику или, например, вызвать принудительно?

Answer 1

[Максим Тимофеев]

Вместо :hover может быть :active, но тогда придется держать зажатой кнопку мыши. Так что очевидно, что это надо делать через js. Что-то типа:

$('.my_some_btn').on('click',function(){
   $('.my_some_block').toggleClass('animate');
});

А в css описать анимацию, только завязать не на :hover, а на класс animate.