공 색을 추가해서 바꿨는데 이렇게 코딩했을 경우 transitionstart 값은 어디에 주면 되나요 ?
미해결
인터랙티브 웹 개발 제대로 시작하기
아래 다른 분이 질문해주신 것을 토대로 아래와 같이 코딩을 해서 색을 추가해서 변형하게 끔 만들었는데 이런 경우에 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>
- transition
- HTML/CSS
- colorchange
- ball
- javascript
- 인터랙티브-웹
magker i
댓글 1
좋아요 0
조회수 288