@wakenbyWork

Как обновить значения transform через js?

Есть блоки которые анимируются через js, со свойством transform:

<div style="transform: translateY(-100%) translateY(-12%); "></div>


После применения этих стилей необходимо добавить еще translateX, но как это сделать не понимаю, если сделать так, то предыдущие значения стираются:

div.style.transform = 'translateX(20%)';

Это и логично, если пробовать получить уже примененные свойства таким образом:

getComputedStyle(message).transform

Возвращается matrix. И как работать с ним я не нашел.

Мне нужно получить все примененные свойства transform, добавить в него новое, и применить на элемент. Как такое сделать можно?
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 2
Alex_mos
@Alex_mos
Google всему голова
Ответ написан
Комментировать
noder_ss
@noder_ss
Человек хороший, вёрстка по душе
div.style.transform = 'translateX(20%) translateY(-100%) translateY(-12%)';
так выходит?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы