What animation technology is used at banki.ru?

Question

HTML

Good afternoon!
When hovering over circles with icons ("Deposits", "Credits"...) on banki.ru , animation occurs. What technology was used for this?

Answer 1

CSS hover + transition is used.
The orange balls appear by changing box-shadow's to a div with an image.
The text sits there from the start and appears by changing scale(0) to scale(1).
PS: Chrome has a great right click + inspect element feature where you can force hover state on an element and see what has changed and how.

Answer 2

A lesson on creating the same and not only effects: tympanus.net/codrops/2012/08/08/circle-hover-effect...

Answer 3

I think scrolltop