Как сделана эта крутая анимация иконок img?

Question

[dsgnfox]

На странице chulakov.ru/menu при ховере появляется интересная анимация иконок. Прикреплен png спрайт с покадровой анимацией. Но как запустить смену этих кадров?

Comments

[dsgnfox]

Нашел. Если кому интересно решение blaiprat.github.io/jquery.animateSprite

[Сергей delphinpro]

dsgnfox: так еще сто лет назад первые мультфильмы анимировали...

Answer 1

[eqcodes]

Гуглим jquery png animation

Comments

[dsgnfox]

Нашел. Спасибо :)

Answer 2

[display: block]

Answer 3

[Igor Karachentsev]

Лучше кейфрейм.
www.w3schools.com/cssref/css3_pr_animation-keyfram...
https://css-tricks.com/snippets/css/keyframe-anima...

Answer 4

[drtvader]

js скорее всего

Comments

[dsgnfox]

Есть готовое решение? Библиотека какая-нибудь?

[mletov]

dsgnfox: Тут не настолько все суперсложно, что нужна спец либа. jquery достаточно. Просто по mouseover/mouseout запуск/остановка функции, а в самой функции смена background-position внутри setInterval. qork вам даже спрайт для наглядности вытащил.