브라우저렌더링과정 1 썸네일형 리스트형 문제 해결 2021.06.16 css display none 애니메이션 오류 수정하기 오늘의 문제 display:none; display:block; 에 transition 애니메이션이 적용되지 않는다! See the Pen display none animation1 by ylem76 (@ylem76) on CodePen. 메뉴를 마우스 오버했을 때 하위 메뉴가 보이고, 마우스 아웃하면 사라지는 흔한 메뉴. 간단할 것 같아서 css transition으로 구현하려고 하는데, 애니메이션이 뚝뚝 끊기고 안 예쁘다..!!! 어째서 이런 현상이 발생하는 건지 원인을 알아보고 해결 방법을 고민해보았다. 문제 분석 display none에서만 생기는 트랜지션 오류 화면에 보이지 않게 만드는 방법은 여러 가지가 있다. display:none; opacity:0; visibility:hidden; tr.. 이전 1 다음