Как можно сделать такую анимацию на js?

Она же и сделана на js, нет? JS изменяет CSS свойство SVG элемента.
Сейчас js обрабатывает событие наведения мыши на элемент. Чтобы получился эффект :hover, нужно обработать событие ухода мыши с элемента "mouseleave".
Подробно об этих событиях: здесь

Как встроить готовую верстку в сайт через google extensions?

PigData, спасибо за подсказки. jquery я не умею) и не хочу уметь пока что.
все-равно придется генерировать верстку в коде. эх..

Как встроить готовую верстку в сайт через google extensions?

проблема не в моей лености, дорогой друг, а в корректности и полноте моего вопроса. прошу прощения. мне сейчас стало немного грустно, ведь я старался написать как можно более лаконично и однозначно, но не смог. спасибо, что ты все-равно попытался ответить.
в твоем примере это происходит в content_script, насколько я понимаю. мне нужно вместо exampleElement.innerHTML = "string", и вместо

exampleElement.appendChild(document.createElement('template'))

, чтобы было

exampleElement.insertBefore(template, exampleChild);

, чтобы можно было, не писать кучу кода на js, а брать из какого-нибудь tempates.html, где на нужный элемент повешен нужный обработчик, который отработает после вставки в интернет-магазин.
кратче говоря, есть ли у content_script возможность обращаться к какому-нибудь шаблонному html, есть ли специальный метод, если его нет, то куда смотреть, чтобы такое организовать