How to create animations with certain conditions? For example, an animation that runs after clicking a button. Thanks

Answer 1

use on <input> tag onclick="functionInJs()"
and the Js is
functionInJS(){
document.write("hh");
} and when it clicked it will write hh

Answer 2

If your button id is "x", go to your CSS and write #x:hover {}. There you can do all your things.

Answer 3

thanks, but I want to make shape transition, maybe in CSS, when click some button...