Максим Ленский: ясно, ну как пом не бесполезная вещь, по крайней мере на данный момент.
Вот если бы она работала везде и без подключения скриптов, типа просто зафигачил
<div w3-include-html="page.html"></div>
И оно сразу понимает что это подключаемая часть кода, воооо, тогда супер)
А так что тут скрипты подключать нужно что в jQuery
Если Вам ответ помог, а он помог, потому что я не поленился и написал за вас весь код, то выбирайте пожалуйста ответ как решение. В инном случае я удалю свой ответ, а на вопрос отправлю жалобу, и в дальнейшем ни когда не буду вам помогать.
Максим Тимофеев: что за бред...
Плавность я и сам сделал, читайте комменты, при том сделал так как нужно, при наведении изменяется в одноу сторону, при потере ховеря обратно.
Как сделать плавность решил, если кому понадобиться вот: https://jsfiddle.net/RadCor/1t55dxvx/3/
Остался вопрос о том, как запускать анимацию наводя не на сам path а на соседний элемент или в целом на область SVG
То есть, мне в каждой записи нужно вывести её %postname%