Почему не работает еффект наведения на социальные иконки в футере?

Question

[Qurel]

Хочу реализовать такой эффект наведения в якорных ссылках меню и иконках социальных сетей:
Codepen

В якорных ссылках меню он отображается, но происходит это не плавно, как в примере на codepen
А в футере при наведении на иконки соцсетей - вообще не отображается

Ссылка на сайт

Comments

[Максим]

офигеть сколько svg напихано ...

[Qurel]

Максим Ленский, это плохо влияет на скорость загрузки сайта?

[Максим]

Qurel, нее...загружается нормально...надо просто придумывать версию для тех браузеров у которых не поддерживается smil и/или animate/animation

[Qurel]

Максим Ленский, Мне бы для начала разобраться почему в меню неплавно работает и в футере не отображается

[Максим]

Qurel, я вообще в подвале не увидел меню - ни какого

[Qurel]

Скриншот меню:
Скриншот иконок соцсетей в футере:

В меню работает рывками, а на соцсетях в футере не отображается

[Alex]

Qurel,

это плохо влияет на скорость загрузки сайта?

Не, загружается то норм, а вот работает ужасно.
На MacBook pro в хроме, с отключенным апаратным ускорением выдаёт 30-40fps
На той же машине в firefox — 10-18fps.
И это для анимаций, которые будут работать только на устройствах с мышкой. Ну, как по мне, весьма сомнительный интерфейс