Javascript код не выполняется в правильном порядке

Question

Мне нужна позиция моего div ПОСЛЕ того, как я поверну его на -10deg. Итак, я делаю следующее:

document.getElementsByClassName('post')[0].style.transform = "rotate(-10deg)";
var val = document.getElementsByClassName('post')[0].getBoundingClientRect().left;

Но "val" содержит предыдущую позицию div.

Что происходит?

Изменить:

const EL_test = document.getElementsByClassName('post')[0];
console.log(EL_test.getBoundingClientRect().left);
EL_test.style.transform = "rotate(-10deg)";
console.log(EL_test.getBoundingClientRect().left);

.post {
  width: 100px;
  height: 100px;
  background: red;
}

<div class="post"></div>