How to animate a logo?

Question

Animation

I want to make a logo animation on my website. For example, put only a sign in the header, and so that when you hover, it scrolls and the name comes out from under it one letter at a time.
What are the technologies? Is it possible to do it on pure css or do you need js.
And how to prepare the animation files themselves?

Answer 1

Approximately so , taking into account further Wishlist.
Instead of blocks inside .logo-image-wrapper we place images with the same classes.