공 색을 추가해서 바꿨는데 이렇게 코딩했을 경우 transitio... - 인프런

아래 다른 분이 질문해주신 것을 토대로 아래와 같이 코딩을 해서 색을 추가해서 변형하게 끔 만들었는데 이런 경우에 default가 transition end로 되어있는 것 같아, tansitionstart로 값을 변경하려면 어떻게 코딩을 해야할까요 ?

<script>
        const ballElem = document.querySelector('.ball');

        let A = 1;

        window.addEventListener('click', function (e) {
            ballElem.style.transform = 'translate(' + (e.clientX - 15) + 'px,' + (e.clientY - 15) + 'px)';


            if (A === 1) {
                ballElem.classList.add('end');
                A = 2;
            } else if (A === 2){
                ballElem.classList.remove('end');
                ballElem.classList.add('end2');
                A = 3; 
            } else {
                ballElem.classList.remove('end2');
                A = 1; 
            }
        });
</script>
 

인프런 커뮤니티 질문&답변

공 색을 추가해서 바꿨는데 이렇게 코딩했을 경우 transitionstart 값은 어디에 주면 되나요 ?