Good evening everyone! I just started to learn programming and layout of sites, and now I am faced with such a problem. On sites I found this gifku knoki: gif image And I would like to do the same on the site. But I do not really understand how to impose this. Is it possible, somehow, breaking the image frame by frame, to make the button on the website animated after a user click? How will this be written in the code? Do you need to do this through @keyframes, animation, or transitions? Or how? Thanks for the answers in advance!

  • Better to do in svg - sercxjo

1 answer 1

If you only need a button lavas, then you can make a button with a bleached image. And when you hover, show the previously hidden gif, superimposed over display: visible.

And if the animation is correct through @keyframes, but experience is needed, it is not so easy to make a good animation.