SVG небольшой эффект прыжка в JavaScript - PullRequest
Новая
       10

SVG небольшой эффект прыжка в JavaScript

0 голосов
/ 10 февраля 2019

Мне нужно использовать javascript, чтобы сделать небольшой эффект прыжка на SVG, в то же время у меня есть функция, заставляющая мой квадрат менять цвета при наведении курсора.но я не знаю, куда поместить функцию, которая немного меняет положение квадрата вверх.я хочу, чтобы мой черный квадрат стал белым и слегка приподнялся при наведении курсора, а затем снова стал черным, когда мышь над ним больше не работает.

функция для зависания и изменения цвета - это 

function hoverColor(evt) {
    var target = evt.target;
    target.setAttributeNS(null, 'fill', 'white');

function unHoverColor(evt) {
    var target = evt.target;
    target.setAttributeNS(null, 'fill', 'black');

затем они помещаются в addEventListener('mouseover', hovercolor, false)

, я хочу поместить что-то вроде 

target.setAttributeNS('transform', 'translate(0, 10');

внизу этого кода, но я не уверен, что этоправильная вещь для использования / синтаксис.

Я очень плохо знаком с javascript и не очень много кодировал, прежде чем надеюсь, что это было понятно!

...