[CSS] display:none / visibility:hidden

 

 

 

숨겼다가 나타나는 애니메이션을 줄 때는

display : none; 보다

visibility : hidden; 을 쓰는 것이 더 좋다.

 

display : none 은 아예 없애는 것이고

visibility : hidden 은 모습을 숨기는 것이라서 애니메이션이 더 잘 작동이 된다.

 

visibility:hidden 로 숨기고 visibility:visible 나타나게 한다.

visibility:visible; 은 display:block과 비슷하다.