요소 숨기기

요소를 안보이게 하는 방법

1. display
2. opacity
3. visibility
4. width, height
5.transform

---

display

👉요소를 어떤 형태로 나타나게 할 것인지를 말하는 속성 입니다.
(애니메이션x, 영역x)

display : none

opacity

👉opacity는 요소의 투명도를 지정하는 속성입니다.
(애니메이션o, 영역o)

opacity: 0;

visibility

👉문서의 레이아웃을 변경하지 않고 요소를 보이거나 숨깁니다.
(애니메이션x, 영역x)

visibility: hidden;

width , height

👉특정 요소의 너비와 높이를 0으로 설정하여 숨기는 방식 입니다.
(애니메이션x, 영역x)

width: 0;
height: 0; 

transform

👉시각적으로 엘리먼트를 감추지만, 빈공간이 남습니다.
(애니메이션o, 영역x)

transform: scale(0);