How do you make a GIF like this?

HTML-CSS
1

Hi there,

I am not sure where to put my question so I put it in this category.

There is this super awesome GIF animation that I saw in this GitHub profile : evreechka (Мари) · GitHub and I am dying to be able to make something like hers

I hope I do not have to make it using payable tool like Adobe photo shop etc Hope someone will share with me some tutorials on how to make animation like hers. I have searched a few hours but there is nothing close to hers. I saw one that is using Canvas, and another one that you use whatever cartoon in png, jpeg format you can find and then you rotate them before upload it up to Ezgif but I find it too childish and then there is also from dribble etc etc.

The most fascinating part is the coffee drip through and flow it to her mouth when the animated gal hit the keyboard.

2

If you are trying to add a GIF to your HTML file you can go based on this: W3Schools Tryit Editor. But if you are trying to make your own GIF similar to the one on that person’s GitHub ReadMe you can try this: GIF Maker - Create GIFs from Videos or Images | Giphy.

Happy coding! :smile:

3

But, this Giphy is no different to the technique I mentioned. I am really trying to find out the part how to make the liquid move from the coffee making distiller to the mouth of that gal that hit the keyboard…

4

Oh I guess I didn’t read right :expressionless: . I’m not really a GIF master or something but sorry I can’t help

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.