Плавная смена картинки.
 

Здравствуйте,заранее извиняюсь за то что не нашёл решение сам.Я правда пытался...
Проблема в следующем:
Я хочу сделать анимированные иконки на которые при наведение сменялись на другое (как у свойства hover - transition в css).Пример (http://hs-manacost.ru/ см. топ там где ссылки на соц сети(пытался найти код этих самых иконок на этом сайте но к сожалению безуспешно)).Обычную замену одних иконок на другие я могу сделать но плавный переход (как на примере) у меня не получается,я просто не знаю какие функции/методы и прочее можно применить,пробовал транизшн от CSS.К сожалению без помощи мне не разобраться,прошу ткнуть носом в нужное.
Спасибо огромное,заранее.
можно на jQ

Прошу ваши попытки