묻고 답해요
143만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결인터랙티브 웹 개발 제대로 시작하기
공 색을 추가해서 바꿨는데 이렇게 코딩했을 경우 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>
-
해결됨HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
새로고침했을때
선생님 안녕하세요. 페이지를 처음 열었을때, 새로고침 했을때 .text1 디자인이 들어가는 과정이 transition 때문에 보이는거 같은데 저게 자연스럽게 시작되게하려면 어떻게 해야 할까요??
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
transition
안녕하세요 :) ' 탭 메뉴 콘텐츠(스타일01) with JQUERY '강의에서 이미지를 선택할 때마다 바뀌는 부분 중 testimonial부분에도 transition을 주고 싶은데 .testimonial{} / .testimonial .content{} / .testimonial .content.active{} 이 중 어디에 줘도 작동을 안하더라구요. transition을 어디에 줘야 작동될까요??