display:none transition 안됨1

• 

  [참고] display:none일 때, transition 불가 display:none 일때는, transition으로 효과를 넣어도 생각한대로 작동되지 않는다. 원인은? transition을 이용한 애니메이션의 특징 transition은 이전 프로퍼티의 상태와 이후 프로퍼티의 상태를 비교해서 그 차이를 부드럽게 이어준다. 일반적으로 숫자 연산 가능한 속성에 사용한다. 그러나 display와 visibility는 숫자로 연산이 안된다. 따라서 이 둘은 transition 효과도 불가능. 주요 렌더링 경로 Critical Rendering Path 인터넷 브라우저가 화면 상에 코드를 그릴 때 내부적으로 여러 단계를 거친다. 이 일련의 단계들을 중요 렌더링 경로(Critical Rendering Path)라고 부른다. 관련 내용은 4단계로 나눌 수 있다. - Dom, C.. STYLESHEET/STYLE- 참고 2023. 2. 3.