728x90 반응형 visibility1 [CSS] display: none이 transition으로 적용되지 않을 경우 안녕하세요. J4J입니다. 이번 포스팅은 display: none이 transition으로 적용되지 않을 경우 해결하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 발생되었던 상황 적용하고자 했던 css는 버튼을 클릭할 때 div 안에 포함되어 있는 모든 요소가 자연스럽게 화면에 보이지 않는 애니메이션을 적용하려고 했습니다. 간단하게 예시를 들어보면 다음과 같습니다. See the Pen displayNoneTransition-problem by 김 성찬 (@ksccmp) on CodePen. 위에서 toggle 버튼을 클릭하면 문구가 자연스럽게 사라지는 것을 확인할 수 있습니다. 하지만 문구가 있던 곳에 마우스를 가져다 대면 cursor: pointer을 적용했던 부분이 그대로 마우스에 표현되는 것.. 2022. 8. 29. 이전 1 다음 728x90 반응형