CSS остановка вращения элемента при прокрутке пользователя

Question

Я вращаю элемент, используя преобразование CSS. Но то, что происходит, когда я прокручиваю преобразованный контент, снова вращается. Вот CSS Я использую

.child{
  transform: translate(33%) rotateY(-45deg) rotateX(0);
  transition: transform 0.6s;
}
.parent{perspective: 1000px;}

как избежать повторного вращения и когда пользователь прокручивает?